Awesome GitHub RepositoriesUI Component Frameworks

Material Design Lite is a Material Design UI library and CSS design system. It serves as a front-end component framework providing a collection of HTML, CSS, and JavaScript components that implement the Material Design visual language for web applications. The project enables the implementation of Material Design components and a standardized design language to maintain a consistent look and feel across user interfaces. It supports frontend UI development and responsive web styling through pre-built components. The library facilitates rapid web prototyping by providing pre-styled components

Vux is a mobile web UI kit and Vue mobile UI library consisting of predefined layout and interface components. It functions as a WeUI component framework that implements a standardized design language for web applications. The library provides a collection of reusable interface elements optimized for mobile browser screen dimensions and touch interactions. It ensures visual consistency across different mobile devices by mapping component styles directly to the WeUI mobile design specification. The framework covers mobile web interface design, mobile UI development, and the rapid assembly of

This project is a web component framework and optimized web markup standard designed for high performance web development. It provides a system for building fast-loading websites using a specialized set of HTML components and scripts, complemented by a web performance validation suite to ensure markup compliance. The framework includes a dynamic HTML template engine for rendering data-driven content without full page reloads and a dedicated ad network integration framework. This integration system manages third-party advertisements with built-in viewability metrics and optimized loading seque

Shoelace is a web component UI library consisting of a suite of accessible, framework-agnostic user interface elements. It provides a collection of custom element components and reusable HTML tags that encapsulate style and behavior to work across any JavaScript framework or plain HTML pages. The system is designed as a themable UI component system, utilizing CSS variables to manage visual themes and dark mode support. This allows for the implementation of custom design systems and a consistent visual language across web environments. The library covers broader capabilities in accessible int

This project is a UI component library and web layout framework providing pre-made interface elements and blocks for production-ready web applications. It functions as an AI design system that combines a collection of reusable components with a Model Context Protocol server to enable AI coding agents to discover and install interface elements. The system distinguishes itself through AI-driven automation, using the Model Context Protocol and schema-driven configurations to integrate design rules and installation commands directly into AI agents. This allows for the programmatic implementation

Wired-elements este o bibliotecă de componente web desenate manual, oferind o colecție de elemente HTML stilizate pentru construirea de wireframe-uri și mockup-uri. Acesta servește ca un framework UI de wireframing care permite crearea de prototipuri low-fidelity cu o estetică schițată, manuală. Biblioteca oferă componente pentru design web desenat manual și prototipare UI rapidă. Aceste elemente sunt concepute pentru a susține wireframing-ul low-fidelity pentru a planifica interfețele utilizator și a testa layout-urile înainte de dezvoltarea high-fidelity. Proiectul utilizează o arhitectură de componente web cu grafică vectorială bazată pe SVG pentru a menține un aspect desenat manual consistent. Suportă integrarea în diverse framework-uri JavaScript și utilizează variabile CSS pentru teme de grosime a liniilor și culori.

Flowbite is a cross-framework UI library and design system built as a collection of pre-styled components and layout blocks using Tailwind CSS utility classes. It functions as a TypeScript UI toolkit and a general web framework for creating responsive websites and applications. The project provides a mirroring Figma design system to allow prototyping of components and variants before they are coded. It distinguishes itself through an AI-driven approach to page generation and the creation of design specifications via a command-line interface. The library covers a wide range of interactive int

Base UI is a headless component library and unstyled framework providing accessible interface primitives. It decouples behavioral logic and state management from the visual layer, allowing developers to implement complex UI patterns while maintaining total control over the final styling. The library implements WAI-ARIA design patterns to ensure all primitives support standard keyboard navigation and screen reader accessibility. It provides a suite of low-level building blocks that handle the internal mechanics of interface elements without bundling any CSS. The framework covers a broad range

vue-admin is a Vue.js admin dashboard template and customizable admin theme. It serves as a starter kit and application scaffolding for building administrative interfaces and enterprise web interfaces. The project utilizes the Element UI component framework to provide a set of pre-designed interface elements for data-driven web applications. It includes a configurable system for custom theme implementation, allowing the modification of color variables and style sheets to align with specific brand guidelines. The framework covers administrative dashboard development through component-based UI

Acest proiect este o bibliotecă de componente Blazor și un framework UI web utilizat pentru construirea de aplicații web cu ASP.NET Core Blazor. Servește drept implementare a Fluent Design System, oferind o colecție de elemente de interfață reutilizabile și pre-stilate pentru a asigura consistența vizuală și accesibilitatea. Biblioteca include un data grid asincron capabil să rezolve interogări la distanță prin preluarea asincronă a datelor și maparea entităților. Utilizează un sistem de „design tokens” pentru a gestiona stilurile vizuale și setările de personalizare în cadrul unei aplicații. Framework-ul acoperă capabilități mai largi pentru design UI enterprise, inclusiv integrarea seturilor standardizate de pictograme și emoji-uri, precum și instrumente pentru compunerea interfețelor accesibile. De asemenea, oferă mecanisme pentru a testa output-ul componentelor și a verifica comportamentul HTML.

This project is a boilerplate for Chrome extension development, utilizing React and Vite to build custom functionality and user interfaces for web browsers. The development workflow emphasizes fast iteration through hot-reload capabilities and module rebuilding, which reflect code changes in the browser without manual reloading. It includes a type-safe internationalization system for managing multi-language support and automated end-to-end testing to verify feature stability across different browser packages. The architecture provides a component-based framework for creating popups, options

mdui is a framework-agnostic UI library and design system based on Material Design 3 standards. It provides a comprehensive set of reusable interface elements implemented as native Web Components, ensuring compatibility across different JavaScript frameworks. The library features a sophisticated theming system that supports light and dark modes, as well as the ability to generate dynamic color palettes from seed colors or image sources. It distinguishes itself with a high level of flexibility in visual customization, using CSS custom properties to control design tokens such as typography, cor

Openv0 is an AI-driven UI prototyping tool and component generator. It uses large language models to create user interface elements, providing a live preview feedback loop for immediate visual iteration. The system operates as a generative frontend pipeline, utilizing a modular sequence of plugins to orchestrate the creation of UI assets. This architecture allows for the integration of custom UI frameworks, external libraries, and icon sets to expand the range of available visual components. The tool covers frontend component prototyping and generative asset pipelines. It supports project bo

N3-components is a library of modular, reusable user interface elements designed for the Vue framework. It functions as a toolkit for constructing web application layouts by providing a collection of standardized building blocks that ensure consistent behavior and a unified design language across projects. The library enables developers to assemble complex interfaces through a component-based architecture that supports scoped styling and flexible content projection. It facilitates the creation of scalable frontends by allowing for the customization of visual properties through centralized con