Awesome GitHub RepositoriesComponent-Based UI Libraries

React هي مكتبة JavaScript لبناء واجهات المستخدم من مكونات مغلفة وقابلة لإعادة الاستخدام. تقوم بعرض طرق العرض بشكل تصريحي، وتحدث تلقائياً فقط أجزاء الواجهة التي تتغير عندما تتغير البيانات الأساسية، بينما تترك الأقسام المستقرة دون مساس. يقسم محرك العرض الخاص بها العمل إلى وحدات تزايدية ذات أولوية يمكن إيقافها مؤقتاً أو استئنافها أو إلغاؤها دون حظر الخيط الرئيسي. تحسب خوارزمية diffing الحد الأدنى من التغييرات بين أشجار واجهة المستخدم المرحلية، ويظل منطق العرض الأساسي منفصلاً عن أي هدف إخراج محدد. يرتبط منطق الحالة والآثار الجانبية بالمكونات الوظيفية من خلال آلية ترتيب الاستدعاء، مما يسمح للسلوك القابل لإعادة الاستخدام بالتركيب مع تدفقات بيانات يمكن التنبؤ بها من الأصل إلى الابن. يستهدف نموذج المكون نفسه متصفحات الويب، وبيئات الخادم عبر Node، ومنصات الهاتف المحمول الأصلية، بحيث ينتقل كود الواجهة عبر السياقات دون إعادة كتابة المنطق الأساسي. يولد البث من جانب الخادم HTML بشكل تزايدي لتحميل أولي أسرع للصفحة، مع ربط تفاعلي تدريجي بمجرد وصول الصفحة إلى المتصفح.

React هي مكتبة JavaScript لبناء واجهات المستخدم تعتمد على معمارية قائمة على المكونات وتدفق بيانات أحادي الاتجاه.

Bootstrap is a comprehensive, mobile-first CSS framework designed for building responsive web interfaces. It provides a standardized library of reusable UI components, such as navigation bars, modals, and forms, alongside a robust grid system that ensures consistent layout alignment across diverse viewport sizes. By establishing a baseline through browser normalization and standardized typography, the project enables developers to create accessible, cross-browser compatible web applications. The framework distinguishes itself through a modular Sass-based architecture that allows for deep cust

Material UI is a comprehensive component-based library designed to accelerate the construction of professional, accessible web interfaces. It provides a centralized design system framework that manages visual tokens, typography, and color palettes to ensure consistent branding and layout constraints across complex application architectures. By encapsulating behavioral and accessibility logic within modular primitives, the library enables developers to build inclusive user experiences that adhere to rigorous design standards. The project distinguishes itself through a zero-runtime styling engi

Textual is a Python TUI framework and asynchronous UI library used to build interactive text user interfaces. It provides a component-based architecture for creating cross-platform applications that run in both terminal and web browser environments. The framework distinguishes itself by utilizing a CSS-based layout engine to apply visual styles to widgets and a command palette interface for discovering and executing application functions. It also supports hosting terminal-based interfaces on the web to enable remote access via a standard browser. The toolkit covers a broad range of capabilit

vue-vben-admin is a Vue 3 admin dashboard template and frontend development boilerplate designed for building enterprise administrative interfaces. It is structured as a TypeScript monorepo frontend, providing a pre-configured starting point for bootstrapping professional back-office applications. The project integrates a role-based access control system for dynamic routing and permission management. It utilizes the Shadcn UI component library and Tailwind CSS to provide a customizable, themed user interface. The framework includes support for internationalized web applications through multi

Filament is a full-stack framework for building administrative panels and management interfaces within the Laravel ecosystem. It provides a declarative, component-based architecture that allows developers to construct complex, data-driven applications using server-side configuration objects rather than manual HTML. By inspecting database model structures and relationships, the framework automates the generation of CRUD interfaces, forms, and data tables, significantly reducing boilerplate code. The project distinguishes itself through a highly modular and extensible design that supports custo

React-admin is a framework for building data-driven administrative interfaces that connect to REST or GraphQL backends. It provides a comprehensive suite of tools for managing the full lifecycle of administrative applications, including resource-oriented routing, declarative form scaffolding, and context-driven state management. By utilizing a modular adapter-based architecture, the framework abstracts backend communication, allowing developers to build consistent CRUD interfaces that handle data fetching, authentication, and synchronization automatically. The project distinguishes itself thr

Ember.js is a structured JavaScript web framework designed for building scalable web applications. It utilizes a Model-View-Controller architectural pattern and incorporates a component-based UI library, a dependency injection framework, and a client-side routing engine. The framework distinguishes itself through a centralized registry for passing shared services across components and routes, alongside a routing system that maps URLs directly to templates and data models to manage navigation. Its broader capabilities include reactive state synchronization and computation memoization for UI p

Qwik is a resumable JavaScript web framework and component-based UI library designed to build high-performance web applications. It functions as a frontend web framework that optimizes page load speed and runtime performance by delaying JavaScript execution until a user interacts with a specific component. The framework eliminates the traditional hydration phase by restoring application state from the server. It uses serialization to embed state and event listeners directly into the HTML, allowing the application to resume interactivity without re-executing JavaScript to rebuild the component

Ignite is a command-line interface tool and project boilerplate for standardized cross-platform mobile application development. It provides a pre-configured foundation that includes a mobile app UI framework and a set of scaffolds to ensure architectural consistency across projects. The project distinguishes itself through a dedicated CLI for generating standardized components and models, as well as a mechanism for upgrading project boilerplates and dependencies. It further supports development through a curated collection of shared code recipes for common implementation tasks. The capabilit

Sweetalert2 is a JavaScript library for creating accessible and responsive modal dialogs that replace standard browser alerts. It functions as a web interface component library, providing a system for rendering stylized, interactive notifications and popups that support complex layouts and user input fields. The library distinguishes itself through a state-driven lifecycle and promise-based flow control, which allows developers to handle user interactions and return results to the calling code after a modal is dismissed. It utilizes focus-trap mechanisms to maintain accessibility standards an

This project is a modular toolkit for building accessible, component-based drag-and-drop interfaces in React. It provides a foundational framework for managing complex spatial interactions, state synchronization, and element registration, allowing developers to create interactive web applications that support mouse, touch, and keyboard inputs. The library distinguishes itself through a highly extensible architecture that separates input handling from interaction logic. It utilizes a sensor-based input abstraction to normalize diverse user interactions and a plugin-driven lifecycle to inject c

Inferno is a virtual DOM UI library and high-performance DOM renderer used for building component-based user interfaces. It functions as a server-side rendering engine and a client-side framework that synchronizes application state with the visual interface through a declarative structure. The project distinguishes itself as a React-compatible UI framework, providing a compatibility layer that allows components designed for other reactive environments to run without modification. Its capability surface covers virtual DOM management, including node diffing and reconciliation, and a full serve

This project is a Material Design XAML library and UI framework for building Windows desktop applications. It provides a collection of components and styles used to implement Material Design interfaces within WPF applications. The toolkit functions as a XAML styling toolkit that provides reusable styles and color swatches. This allows for the maintenance of a unified visual identity and the application of standardized primary and secondary color palettes across .NET desktop screens. The framework covers WPF UI development and XAML interface styling, facilitating the implementation of Materia

Riot is a component-based library for building user interfaces through modular, single-file components. It functions as a framework for creating reusable elements that combine markup, logic, and scoped styles, which are then compiled into standard JavaScript functions for browser execution. The library distinguishes itself by utilizing direct rendering, which updates the document object model by tracking state changes without the overhead of a virtual representation. It supports server-side rendering and hydration to improve initial page load performance and search engine indexing. Developers

QMUI_Android is a comprehensive design system framework and UI component library for Android applications. It provides a collection of reusable interface building blocks and styling tools designed to help developers maintain a unified visual language across mobile screens. The project distinguishes itself through an attribute-driven theme system that centralizes visual properties into a global configuration object, allowing styling changes to propagate across all components at runtime. By utilizing custom view inheritance and dynamic attribute resolution, the library ensures that interface el

AsyncDisplayKit is an asynchronous UI framework and layout engine for iOS designed to offload layout and rendering operations from the main thread. It functions as a concurrent interface library that handles asynchronous image decoding and UI composition to maintain high frame rates. The project uses a node-based view hierarchy to build thread-safe interface structures on background threads. It includes an intelligent preloading system that predicts scroll direction to trigger data fetching and layout operations for elements before they become visible. The framework covers high-performance m

Mind-Expanding-Books is a static site generator and educational resource repository designed to host curated collections of literature. It functions as a personal development reading guide, providing a structured archive of books focused on intellectual growth, critical thinking, and the exploration of complex ideas. The project utilizes a component-based user interface library to assemble its web pages, combining reusable building blocks with static site generation to produce HTML from markdown files. This approach allows for the management of content-heavy archives while maintaining a consi

Evergreen is a React UI component library and design system framework. It provides a collection of pre-styled, accessible interface elements used to build consistent web applications. The library functions as a server-side rendered UI kit, allowing components to generate HTML on the server to improve page load speeds and search engine visibility. It includes a centralized styling layer for managing colors, typography, and spacing through custom UI theming. The framework covers accessible web design and enterprise interface design, utilizing a token-based styling system to maintain a uniform