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 هي مكتبة مكونات ويب مرسومة باليد توفر مجموعة من عناصر HTML المنمقة لبناء الهياكل السلكية (wireframes) والنماذج الأولية. تعمل كإطار عمل لواجهة مستخدم للهيكلة السلكية يتيح إنشاء نماذج أولية منخفضة الدقة بجمالية تخطيطية يدوية. توفر المكتبة مكونات لتصميم الويب المرسوم باليد والنماذج الأولية السريعة لواجهة المستخدم. تم تصميم هذه العناصر لدعم الهيكلة السلكية منخفضة الدقة لتخطيط واجهات المستخدم واختبار التخطيطات قبل التطوير عالي الدقة. يستخدم المشروع بنية مكونات ويب مع رسومات متجهة قائمة على SVG للحفاظ على مظهر مرسوم باليد متسق. ويدعم التكامل في أطر عمل JavaScript مختلفة ويستخدم متغيرات CSS لتصميم سمات سمك الخط والألوان.

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

This project is a Blazor component library and web UI framework used for building web applications with ASP.NET Core Blazor. It serves as an implementation of the Fluent Design System, providing a collection of reusable, pre-styled user interface elements to ensure visual consistency and accessibility. The library includes an asynchronous data grid capable of resolving remote queries through asynchronous data fetching and entity mapping. It utilizes a design token system to manage visual styles and personalization settings across an application. The framework covers broader capabilities for

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

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