Awesome GitHub RepositoriesComponent Composition Primitives

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

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

This project is a collection of accessible user interface components designed for full developer ownership. It functions as a copy-paste UI framework and headless component kit, providing the logic and structure for interface elements without relying on traditional versioned library dependencies. The system distributes source code directly to the user, allowing for the creation of a custom component library. It utilizes a distribution method where components are copied into the codebase, ensuring that the visual and functional implementation remains under the developer's control. The toolkit

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

React-Native-Elements is a cross-platform mobile UI toolkit and component library. It provides a collection of pre-built visual elements and a framework for building responsive, uniform layouts that render consistently across different mobile operating systems. The library focuses on mobile interface standardization and React Native frontend design. It enables rapid mobile prototyping by offering a shared set of common UI patterns, allowing developers to assemble functional interfaces without coding every component from scratch. The toolkit supports cross-platform UI development by ensuring

React-Native-Elements is a cross-platform mobile UI toolkit and component library designed for the React Native framework. It provides a system of pre-styled visual components to build consistent user interfaces across mobile and web platforms using a single shared codebase. The framework enables the development of applications that run across different operating systems and web browsers while maintaining a unified look and feel. It supports rapid UI prototyping and application design by providing reusable building blocks that reduce the need to create every custom component from scratch.

This project is a comprehensive collection of modular, reactive functions designed to streamline the development of user interfaces. It serves as a toolkit for managing application state, wrapping native browser hardware and system features, and encapsulating common logic patterns into reusable units. By binding asynchronous data sources, browser events, and system properties to component state, it provides a unified framework for building interactive web and desktop applications. The library distinguishes itself through its focus on composition and lifecycle management, allowing developers t

Lit is a library for building lightweight, interoperable web components. It provides a base class that leverages native browser APIs to encapsulate state, logic, and styles, allowing developers to create custom elements that function consistently across any modern web project. The framework distinguishes itself through a reactive property system that automatically triggers efficient, batched DOM updates. By utilizing tagged template literals, it defines declarative UI structures that are compiled into optimized update instructions. Its architecture emphasizes modularity through a reactive con

Ratatui is a Rust framework and cross-platform terminal renderer used to build rich terminal user interfaces. It functions as a toolkit for creating interactive command-line displays, dashboards, and data visualizations. The library employs an immediate mode rendering approach, where the interface is redrawn every frame based on the current application state. It uses a widget-based layout system to compose complex text-based interfaces. The framework includes a rectangle-based layout engine and a backend-agnostic drawing system to decouple UI logic from specific terminal emulators. It furthe

This project is a development framework that enables the creation of cross-platform mobile mini programs using the component-based architecture and reactive data binding of Vue.js. It functions as a build system that transforms web-oriented component code into native-compatible templates and logic, allowing developers to build modular user interfaces that run within restricted mobile environments. The framework distinguishes itself through a sophisticated build pipeline that deconstructs single-file components into platform-specific templates, logic, and style files. It employs compile-time t

Fluent UI is a design system framework and TypeScript UI toolkit providing a comprehensive set of styles and accessibility guidelines. It functions as a React UI component library and a web component library, offering a collection of pre-styled elements and layout utilities to create a cohesive visual experience across web platforms. The project translates a brand design language into a functional library of reusable components, ensuring cross-product visual consistency. It enables the implementation of design systems for enterprise web applications through the use of standardized visual and

Taxonomy is a full-stack application template and reference implementation built with the Next.js app router. It serves as a comprehensive starter for developing web applications using server components and modern React patterns. The project integrates a variety of specialized systems, including an identity management workflow for OAuth and session handling, and a billing system for managing recurring subscriptions and payment events. It also features a content pipeline that transforms Markdown and JSX files into type-safe data collections for rendering blogs and documentation. The architect

Primitives is a library of unstyled, accessible building blocks designed for creating complex interface elements in React. It functions as a headless component framework, providing the underlying logic, state management, and accessibility compliance while leaving all visual styling and design decisions entirely to the developer. The library distinguishes itself through a composition-based architecture that allows developers to build interactive interfaces by nesting small, single-purpose components. This system automatically handles complex requirements such as WAI-ARIA attribute injection, f

Ratatui is a Rust framework for building interactive, stateful terminal user interfaces. It provides a modular architecture that maps application data to visual components, enabling the creation of complex, text-based applications that run directly in the terminal. The library distinguishes itself through an immediate-mode rendering system that utilizes double-buffering to minimize flickering and reduce communication overhead. It employs a constraint-based layout engine to partition screen space into nested segments, allowing for the construction of sophisticated visual hierarchies that remai

Recompose is a suite of toolsets for implementing higher-order component composition, context extraction, render optimization, and external state integration. It provides a library of utilities to wrap components in reusable logic and behavioral layers, allowing developers to chain functional wrappers and reduce nesting within a component tree. The project focuses on the composition of functional wrappers to inject properties and behavior into components. It includes a set of helpers for extracting values from component context and passing them as direct properties, as well as tools for integ

AstroNvim is a modular Neovim distribution that functions as a comprehensive development environment. It provides a pre-configured framework for managing editor settings, plugin ecosystems, and language server integrations, effectively transforming a base text editor into a full-featured integrated development environment. The project distinguishes itself through a highly customizable Lua-based architecture that emphasizes modularity and performance. It enables users to manage complex editor configurations through a centralized, declarative system that supports lazy loading, community-maintai

tview is a library for building interactive text-based user interfaces in Go. It functions as a toolkit for managing event loops, user input, and screen rendering, providing a framework of pre-built widgets and an integrated layout engine for creating command-line applications. The project distinguishes itself through a comprehensive layout system that uses grid and flexbox models to create responsive designs. It also supports UI layer stacking to manage multiple screens and modal overlays. The framework includes a diverse suite of interactive components for data display, such as tables and

Tamagui is a cross-platform user interface framework designed to build high-performance, themeable applications that share logic and styling across web and mobile environments. It functions as a comprehensive design system orchestrator, providing a collection of type-safe components that compile to optimized atomic CSS for the web and native code for mobile platforms. By utilizing a build-time compiler, the framework eliminates runtime overhead, ensuring consistent visual output and interaction behavior regardless of the target platform. The framework distinguishes itself through its advanced

PrimeNG is a comprehensive collection of reusable interface elements designed for building consistent and interactive web applications within the Angular framework. It functions as an enterprise-grade component suite, providing a standardized design system that enables developers to implement cohesive visual languages and user experiences across complex, data-driven software environments. The library distinguishes itself through a focus on professional-grade widgets, including advanced data grid and table management tools that support sorting, filtering, pagination, and inline editing. By int

react-color is a React color picker library and customizable UI component kit. It provides a collection of interactive color selection components and visual pickers for web applications, allowing users to choose and preview colors. The library includes pre-made user interfaces that mimic the color selection experiences of professional design tools like Photoshop, Sketch, and Chrome. It also features transparency-aware color pickers that render checkerboard backgrounds to visually represent colors containing alpha channel transparency. The project provides granular building blocks, such as hu