#ui-components

[ follow ]
#web-development

UI Component Documentation: A Developer's Guide

Effective documentation of UI components is essential for scalability and collaboration.
Bit streamlines the development and documentation of UI components, making it easier for teams to maintain them.

How to Share Your Shadcn UI Components

The shift in web development favors embedding customizable components over using entire UI libraries.

Weekly Web Design & Development News: Collective #575

The latest development and design resources include innovative JavaScript libraries and tools that enhance user interaction and accessibility.

Frames X v2.8: Design and Code Unified

Frames X 2.8 introduces powerful open-source UI components and design tokens, enhancing accessibility of design across multiple development frameworks.

Top Advanced Data Grids for React | HackerNoon

Ready-made React data grids save time and provide essential features for managing tabular data in web applications.

Comparing Best Data Table Options for Svelte Projects in 2024 | HackerNoon

Choose between building Svelte data tables from scratch or using pre-built components, weighing flexibility against effort.

UI Component Documentation: A Developer's Guide

Effective documentation of UI components is essential for scalability and collaboration.
Bit streamlines the development and documentation of UI components, making it easier for teams to maintain them.

How to Share Your Shadcn UI Components

The shift in web development favors embedding customizable components over using entire UI libraries.

Weekly Web Design & Development News: Collective #575

The latest development and design resources include innovative JavaScript libraries and tools that enhance user interaction and accessibility.

Frames X v2.8: Design and Code Unified

Frames X 2.8 introduces powerful open-source UI components and design tokens, enhancing accessibility of design across multiple development frameworks.

Top Advanced Data Grids for React | HackerNoon

Ready-made React data grids save time and provide essential features for managing tabular data in web applications.

Comparing Best Data Table Options for Svelte Projects in 2024 | HackerNoon

Choose between building Svelte data tables from scratch or using pre-built components, weighing flexibility against effort.
moreweb-development

New Front-End Features For Designers In 2025 - Smashing Magazine

Front-end web development is evolving with new features like CSS container queries that simplify styling and enhance design flexibility.
#design-systems

A Global Design System

A Global Design System would improve the quality and accessibility of web experiences, save designers and developers time, and make better use of collective human potential.
Design systems have evolved over the years to create a library of common UI components that power an organization's digital products.

Building Design Systems with AI in 2025

AI tools are transforming design system development by enhancing efficiency and collaboration.

Design System governance

Design systems enhance user experience and productivity by promoting consistency and efficiency in design processes.

Prevent component detaching in design system with slots

The concept of slots enhances design system flexibility, allowing designers to customize elements without compromising consistency.

A Global Design System

A Global Design System would improve the quality and accessibility of web experiences, save designers and developers time, and make better use of collective human potential.
Design systems have evolved over the years to create a library of common UI components that power an organization's digital products.

Building Design Systems with AI in 2025

AI tools are transforming design system development by enhancing efficiency and collaboration.

Design System governance

Design systems enhance user experience and productivity by promoting consistency and efficiency in design processes.

Prevent component detaching in design system with slots

The concept of slots enhances design system flexibility, allowing designers to customize elements without compromising consistency.
moredesign-systems
#productivity

Enhancing Developer Experience (DX) using Components

Components streamline collaboration between designers and developers, enhancing productivity through individual modifications.
Micro frontends promote team autonomy and simplify cross-team collaboration, thanks to the use of well-documented components.
Components in microservices enable distributed development, balancing autonomy and reuse effectively.

Design System governance

A comprehensive design system enhances consistency and productivity in product design, enabling teams to scale effectively.

Enhancing Developer Experience (DX) using Components

Components streamline collaboration between designers and developers, enhancing productivity through individual modifications.
Micro frontends promote team autonomy and simplify cross-team collaboration, thanks to the use of well-documented components.
Components in microservices enable distributed development, balancing autonomy and reuse effectively.

Design System governance

A comprehensive design system enhances consistency and productivity in product design, enabling teams to scale effectively.
moreproductivity
#bit-platform

Building a Material UI Design System with AI

Bit's 'Hope AI' feature enables the automated creation of personalized UI components collections.

Building and Reusing UI Components with AI: A Three-Step Guide

Publishing UI components as independent packages maximizes flexibility, simplifies collaboration, and ensures scalable maintenance.

Building a Material UI Design System with AI

Bit's new feature allows users to create custom UI component collections using AI, streamlining component management and enhancing collaboration.

Top Dev Tools for Building Reusable UI Components with AI

AI tools like Hope AI and JIT accelerate UI component development and improve collaboration between design and development teams.

Building a Material UI Design System with AI

Bit's 'Hope AI' feature enables the automated creation of personalized UI components collections.

Building and Reusing UI Components with AI: A Three-Step Guide

Publishing UI components as independent packages maximizes flexibility, simplifies collaboration, and ensures scalable maintenance.

Building a Material UI Design System with AI

Bit's new feature allows users to create custom UI component collections using AI, streamlining component management and enhancing collaboration.

Top Dev Tools for Building Reusable UI Components with AI

AI tools like Hope AI and JIT accelerate UI component development and improve collaboration between design and development teams.
morebit-platform

Top Dev Tools for Building Reusable UI Components with AI

AI tools enhance efficiency and teamwork in UI component development.
Hope AI, JIT, and PureCode AI are key technologies advancing component creation.

Search by field that contains button and mat-menu not showing inside of table

Integrate Search by field button within app-table-actions for proper alignment with Filter Tags.
Verify HTML structure to avoid display issues.
#development-experience

Build a Custom Material UI Library in Minutes

Decoupling UI components from their implementation enhances library control and supports project upgrades and backward compatibility.

Building a Host Application for Your Micro Frontends

Sharing UI components independently can enhance development experience and avoid unnecessary updates.

Build a Custom Material UI Library in Minutes

Decoupling UI components from their implementation enhances library control and supports project upgrades and backward compatibility.

Building a Host Application for Your Micro Frontends

Sharing UI components independently can enhance development experience and avoid unnecessary updates.
moredevelopment-experience

The Model-View-Presenter pattern and its implementation in ASP.NET

Automated testing is essential for maintaining software quality and enabling frequent releases.
The Model-View-Presenter pattern enhances the testing process by restructuring application components.

Build a Custom Material UI Library in Minutes

Decoupling UI components enhances library control and supports version upgrades without significant overhead.
#svelte

How to build a simple Svelte app - LogRocket Blog

Svelte stands out among UI frameworks by offering a unique approach to building user interfaces, emphasizing ease of integration and development.

Introducing SVAR Svelte UI Widgets

SVAR enhances Svelte ecosystem with advanced UI components like DataGrid and Gantt Chart.

Introducing SVAR Svelte UI Widgets

SVAR enriches the Svelte ecosystem with advanced UI components like DataGrid and Gantt Chart.

How to build a simple Svelte app - LogRocket Blog

Svelte stands out among UI frameworks by offering a unique approach to building user interfaces, emphasizing ease of integration and development.

Introducing SVAR Svelte UI Widgets

SVAR enhances Svelte ecosystem with advanced UI components like DataGrid and Gantt Chart.

Introducing SVAR Svelte UI Widgets

SVAR enriches the Svelte ecosystem with advanced UI components like DataGrid and Gantt Chart.
moresvelte

Decision Trees For UI Components - Smashing Magazine

Decision trees help streamline UI design decisions and prevent never-ending discussions.
#django

Reusable Components in Django with Stimulus and Tailwind CSS - Part 1

Building UI components in full-stack Django apps aids code reusability and maintainability.

Building Reusable Components in Django

Using django-viewcomponent in Django helps create reusable server-side UI components for a cleaner and maintainable codebase.

Reusable Components in Django with Stimulus and Tailwind CSS - Part 1

Building UI components in full-stack Django apps aids code reusability and maintainability.

Building Reusable Components in Django

Using django-viewcomponent in Django helps create reusable server-side UI components for a cleaner and maintainable codebase.
moredjango

Preline UI + Gowebly CLI =

Preline UI is an open-source set of prebuilt UI components based on Tailwind CSS, offering easy design customization and compatibility with various frameworks.

Do we need state management in React

Local state controls single component, global state controls application logic.
Server Components in Next.js allow rendering without hydration.

Creating Extensible React UI Components

Treat UI components as base components with few dependencies and many dependents.
To design an extendible component, it should have a component API, a theme, and be customizable.

Building UIs with Franken UI, a Shadcn alternative - LogRocket Blog

Using pre-built UI components like Franken UI enhances productivity by providing adaptable components for easy integration.

Building a Host Application for Your Micro Frontends

Sharing UI components as independent pieces improves development flexibility and user experience while avoiding unnecessary updates.
[ Load more ]