awesome-repositories.com
Blog
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetÀ proposNotre méthodologiePresseServeur MCP
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

185 dépôts

Awesome GitHub RepositoriesReact Components

Reusable interface elements specifically designed for integration within the React ecosystem.

Explore 185 awesome GitHub repositories matching user interface & experience · React Components. Refine with filters or upvote what's useful.

Awesome React Components GitHub Repositories

Trouvez les meilleurs dépôts grâce à l'IA.Nous recherchons les dépôts les plus pertinents grâce à l'IA.
  • facebook/reactAvatar de facebook

    facebook/react

    245,669Voir sur GitHub↗

    React est une bibliothèque JavaScript pour créer des interfaces utilisateur basées sur une architecture orientée composants et un flux de données unidirectionnel.

    Defines reusable interface elements as functions that return markup and support nesting.

    JavaScriptjavascriptuifrontend
    Voir sur GitHub↗245,669
  • hakimel/reveal.jsAvatar de hakimel

    hakimel/reveal.js

    71,731Voir sur GitHub↗

    This project is a web-native presentation framework that renders slide decks from standard HTML or Markdown. It functions as a declarative slide engine, managing navigation, state persistence, and lifecycle events through a configuration-driven interface. By leveraging standard web technologies, it enables the creation of responsive, browser-based presentations that support complex layouts, nested transitions, and interactive content. The framework distinguishes itself through a modular, plugin-based architecture that allows developers to extend core functionality using custom hooks and event

    Exposes React components that reveal content fragments in sequence using custom animation styles and index-based ordering.

    JavaScriptpresentationsslidesslideshow
    Voir sur GitHub↗71,731
  • inkonchain/ink-kitAvatar de inkonchain

    inkonchain/ink-kit

    36,479Voir sur GitHub↗

    ink-kit is a React-based component library and UI kit designed specifically for building the frontends of onchain applications. It provides a set of themed layouts and reusable UI elements tailored for decentralized application user experiences. The project includes a standardized blockchain wallet connector to manage identities and allow users to link cryptocurrency wallets to a web application. It combines these identity tools with pre-styled components to facilitate the development of web3 user interfaces.

    Offers a library of reusable interface elements specifically designed for the React ecosystem and tailored for blockchain experiences.

    TypeScript
    Voir sur GitHub↗36,479
  • swc-project/swcAvatar de swc-project

    swc-project/swc

    33,909Voir sur GitHub↗

    This project is a high-performance compiler written in Rust that transpiles TypeScript and ECMAScript into compatible JavaScript code. It functions as a TypeScript transpiler, a JavaScript minifier, and a JavaScript bundler. The system distinguishes itself through a WebAssembly plugin host that allows the execution of custom transformation rules without modifying the core binary. It also provides specialized compilation for React source code to improve runtime performance and reduce execution overhead. The broader capability surface includes source-to-source compilation, type annotation stri

    Transforms React source code and applies compiler optimizations to improve runtime performance.

    Rustbabelcompilerecmascript
    Voir sur GitHub↗33,909
  • swagger-api/swagger-uiAvatar de swagger-api

    swagger-api/swagger-ui

    28,853Voir sur GitHub↗

    Swagger UI is an OpenAPI specification renderer and documentation interface that transforms JSON or YAML API definitions into a navigable, searchable website. It functions as an OpenAPI documentation UI and request client, providing a visual catalog for exploring endpoints and sending live HTTP requests to a server using a schema-defined interface. The project distinguishes itself through a plugin-based extension system and a schema-driven UI generation model. This architecture allows for the injection of custom components, state selectors, and helper functions to modify core behavior and lay

    Provides the interactive API reference as a reusable React component for integration into web applications.

    JavaScripthacktoberfestoasopen-source
    Voir sur GitHub↗28,853
  • jedwatson/react-selectAvatar de JedWatson

    JedWatson/react-select

    28,040Voir sur GitHub↗

    react-select is a customizable select input for React applications that supports single and multiple value selection with integrated search. It functions as a form input library providing a selection interface capable of fetching and displaying options from remote APIs dynamically as a user types. The library is distinguished by a component-injection architecture that allows users to replace internal UI fragments with custom React components. It further enables deep visual customization through prop-based style merging, allowing user-defined CSS objects to override internal defaults for brand

    Employs a hybrid of controlled and uncontrolled state management to provide flexible component control.

    TypeScript
    Voir sur GitHub↗28,040
  • refactoringui/heroiconsAvatar de refactoringui

    refactoringui/heroicons

    23,618Voir sur GitHub↗

    Heroicons is an SVG icon library and a set of UI vector graphic assets designed for use in user interfaces and web development. It provides a collection of scalable vector graphics as a React icon component set, allowing for flexible integration into applications. The library supports multi-format distribution, offering icons in JSX and SVG formats. These assets are provided as component-wrapped SVG exports, which enables programmatic control over props and attributes. The project covers capabilities for SVG icon integration, web interface styling, and user interface design. It includes util

    Supplies reusable icon components specifically designed for integration within the React ecosystem.

    JavaScript
    Voir sur GitHub↗23,618
  • kriasoft/react-starter-kitAvatar de kriasoft

    kriasoft/react-starter-kit

    23,603Voir sur GitHub↗

    This project is a full-stack React starter kit and TypeScript web application boilerplate. It provides a pre-configured project template that combines a frontend and backend to accelerate the development of production-ready web applications. The kit is distinguished by its focus on type-safe architectures, utilizing a monorepo structure to synchronize data types between the server and client. It integrates specific implementations for SaaS operations, including recurring subscription billing via Stripe and user identity authentication supporting passkeys, social logins, and email verification

    Provides modular UI primitives optimized for creating email-safe HTML and CSS layouts.

    TypeScript
    Voir sur GitHub↗23,603
  • react-bootstrap/react-bootstrapAvatar de react-bootstrap

    react-bootstrap/react-bootstrap

    22,608Voir sur GitHub↗

    React Bootstrap is a frontend component framework and responsive UI kit that translates the Bootstrap CSS framework into a React-based component architecture. It provides a collection of reusable, pre-styled interface elements and grid systems designed for consistent, responsive web development. The library distinguishes itself by wrapping raw HTML markup in React components to manage accessibility and stateful behaviors. It utilizes a centralized theme provider to propagate global configuration and breakpoints, while employing portal-based rendering for overlays to prevent clipping issues.

    Provides a comprehensive library of reusable UI elements designed specifically for the React ecosystem.

    TypeScriptbootstraphacktoberfestjavascript
    Voir sur GitHub↗22,608
  • voltagent/awesome-claude-code-subagentsAvatar de VoltAgent

    VoltAgent/awesome-claude-code-subagents

    21,906Voir sur GitHub↗

    This project provides a framework for managing multi-agent systems, designed to automate complex software development, infrastructure, and business workflows. It functions as a multi-agent workflow orchestrator that routes tasks to domain-specific workers while maintaining state persistence and infrastructure automation. By leveraging large language models, the system decomposes high-level objectives into actionable plans, ensuring that complex operations are executed with consistency and reliability. The framework distinguishes itself through its hierarchical agent registry and policy-driven

    Builds modular user interfaces using advanced React patterns and hooks.

    Shellai-agent-frameworkai-agent-toolsai-agents
    Voir sur GitHub↗21,906
  • palantir/blueprintAvatar de palantir

    palantir/blueprint

    21,836Voir sur GitHub↗

    Blueprint is a React UI component library and web design system focused on accessibility and the creation of data-dense interfaces. It provides a standardized framework of visual styles and reusable interface elements for building professional desktop applications. The toolkit is specifically optimized for displaying complex information and large datasets, featuring high-performance interactive data grids for rendering and manipulating data. The library covers a broad range of capability areas, including the construction of form inputs, navigation systems, and content layout management. It a

    Provides a comprehensive library of reusable and accessible interface elements designed specifically for React.

    TypeScriptblueprintcomponentsdesign
    Voir sur GitHub↗21,836
  • gaearon/react-dndAvatar de gaearon

    gaearon/react-dnd

    21,642Voir sur GitHub↗

    React-dnd is a drag and drop framework and library for React applications. It provides a system of higher-order components and hooks to implement draggable interface elements and drop targets using a declarative API. The framework separates the logic of moving items from the visual presentation of the user interface. This allows for the development of interactive interfaces, such as visual list reordering and custom dashboard layouts where widgets or panels can be reorganized.

    Offers a set of higher-order components and hooks designed specifically for the React ecosystem.

    TypeScript
    Voir sur GitHub↗21,642
  • react-dnd/react-dndAvatar de react-dnd

    react-dnd/react-dnd

    21,641Voir sur GitHub↗

    React DnD is a library for building complex drag-and-drop interfaces within React applications. It provides a declarative, component-based architecture that abstracts native browser drag-and-drop APIs, allowing developers to manage state and interactions between draggable sources and drop targets. The library utilizes a dependency injection backend to decouple interaction logic from specific input methods, supporting mouse, touch, and native browser events through a unified normalization layer. It employs a registry pattern to track active drop zones and a monitor pattern to observe the lifec

    Manages complex state transitions and visual feedback for components responding to mouse or touch gestures.

    TypeScriptdrag-and-dropnot-the-gamereact
    Voir sur GitHub↗21,641
  • colorlibhq/gentelellaAvatar de ColorlibHQ

    ColorlibHQ/gentelella

    21,373Voir sur GitHub↗

    Gentelella is a collection of pre-configured interface templates and a component library designed for building administration panels, data dashboards, and internal management consoles. It provides a Bootstrap 5 based framework that includes accessible web interface templates and PWA-ready dashboard shells. The project features specialized templates for data visualization, utilizing modular chart factories to render line, bar, radar, and heatmap visualizations. It includes a set of ready-to-use interface elements for enterprise prototyping, such as kanban boards, file managers, and interactive

    Provides pre-built components for constructing functional email inboxes with folders, reader panes, and compose modals.

    HTMLadminadmin-dashboardadmin-dashboard-template
    Voir sur GitHub↗21,373
  • magicuidesign/magicuiAvatar de magicuidesign

    magicuidesign/magicui

    21,278Voir sur GitHub↗

    Magic UI is a copy-paste UI framework and React animated library providing a collection of interactive, visually dynamic interface components. It serves as a design engineering toolkit that bridges high-fidelity design and production code by offering ready-made components for direct integration into web applications. The library focuses on animated UI development and the implementation of interactive components, utilizing a copy-paste distribution model. This approach allows for rapid prototyping and full local customization without the need to install heavy dependencies. The components are

    Ships reusable interface elements specifically designed as functional components for the React ecosystem.

    MDXcomponentsframer-motionnextjs
    Voir sur GitHub↗21,278
  • microsoft/fluentuiAvatar de microsoft

    microsoft/fluentui

    20,063Voir sur GitHub↗

    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

    Ships a library of reusable interface elements specifically designed for the React ecosystem.

    TypeScriptcomponentsfluentmicrosoft
    Voir sur GitHub↗20,063
  • kentcdodds/react-testing-libraryAvatar de kentcdodds

    kentcdodds/react-testing-library

    19,606Voir sur GitHub↗

    This project is a component testing framework and utility designed for testing React components. It functions as a DOM testing library that allows for the verification of rendered output and component functionality without accessing internal implementation details. The library focuses on behavior driven development by simulating user interactions within a virtual DOM environment. It utilizes implementation-agnostic querying to locate elements via accessible roles and labels, ensuring that the interface is verified from the perspective of the user. The toolset covers frontend integration test

    Verifies that React user interface components behave correctly by simulating real user interactions.

    JavaScript
    Voir sur GitHub↗19,606
  • resend/react-emailAvatar de resend

    resend/react-email

    19,350Voir sur GitHub↗

    React Email is a development framework for designing and testing HTML emails using a library of modular components. It provides a set of reusable UI primitives that allow developers to build email templates through declarative code, ensuring consistent visual presentation across various desktop and mobile email service providers. The framework functions by transforming component trees into static HTML markup, automatically handling the complex requirements of email client rendering. It includes a built-in engine that extracts style declarations and injects them directly into HTML elements, by

    Offers a collection of reusable components for building responsive, cross-client compatible email templates using standard web development patterns.

    TypeScriptemailhacktoberfest
    Voir sur GitHub↗19,350
  • radix-ui/primitivesAvatar de radix-ui

    radix-ui/primitives

    18,642Voir sur GitHub↗

    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

    Provides a foundational library of unstyled, accessible React components for building complex, custom interface elements.

    TypeScriptaccessibilitycolorscomponent-library
    Voir sur GitHub↗18,642
  • aidenybai/millionAvatar de aidenybai

    aidenybai/million

    17,636Voir sur GitHub↗

    Million is a framework-level enhancement designed to optimize the performance of user interfaces by reducing overhead in component reconciliation. It functions as a build-time compiler that transforms components into lightweight, efficient code to accelerate rendering and minimize the runtime work required for interface updates. The project distinguishes itself by replacing standard reconciliation logic with a specialized virtual DOM implementation. Through static analysis and a build-step utility, it identifies and optimizes component trees, allowing for granular updates that target only mod

    Analyzes and optimizes component trees at build-time to minimize runtime work and improve frame rates.

    TypeScriptbest-practicesblockdomcompiler
    Voir sur GitHub↗17,636
Préc.123456…10Suivant
  1. Home
  2. User Interface & Experience
  3. Component Utilities
  4. UI Frameworks
  5. Prebuilt Component Libraries
  6. React Components

Explorer les sous-tags

  • 3D Model ConvertersTools that convert 3D model files into declarative React components for use with three.js and React-three-fiber. **Distinct from React Components:** Distinct from general React Components: specifically converts GLTF 3D models into React-three-fiber JSX components with type-safe TypeScript definitions, not general UI components.
  • AI-Driven Chat ComponentsReact components and hooks specifically designed for streaming AI content and managing stateful chat interfaces. **Distinct from React Components:** Distinct from generic React components: focuses on AI-specific streaming and chat state management.
  • AccessibleReact UI components with built-in keyboard navigation, focus management, and ARIA patterns. **Distinct from React Components:** Specializes React Components to those with built-in accessibility features like ARIA and keyboard support, distinct from general React components.
  • Accessible Components1 sous-tagUI components built with native keyboard navigation and screen reader support. **Distinct from React Components:** Specifically targets the accessibility implementation of components rather than general React integration.
  • Architectural GuidesEducational resources focused on the structural design and organization of component-based interfaces. **Distinct from React Components:** Distinct from React Components: focuses on the pedagogical guide for architecting the system rather than providing the components themselves.
  • Component Compilers5 sous-tagsBuild-step utilities that analyze and optimize component trees to minimize runtime work. **Distinct from React Components:** Distinct from React Components: focuses on the compilation and optimization of the component tree rather than the components themselves.
  • Component Orchestration1 sous-tagSystems for managing the placement, configuration, and relationship of components within a layout. **Distinct from React Components:** Distinct from general component libraries by focusing on the orchestration and placement of components on a canvas.
  • Component Override SystemsReplace storefront components by placing custom React files in a theme directory with matching file paths. **Distinct from React Components:** Distinct from React Components: focuses on the mechanism for overriding components via file path matching, not the components themselves.
  • Component Structure ValidatorsTools that verify components are defined at the module level to prevent unnecessary re-creation. **Distinct from React Components:** Distinct from prop validation: focuses on structural definition rather than data integrity.
  • Design System WorkflowsProcesses for developing and documenting components independently before integration into a larger project. **Distinct from React Components:** Focuses on the workflow and methodology of design system creation rather than the components themselves.
  • Design-to-Code WorkflowsAutomated processes for converting design assets into functional code components. **Distinct from React Components:** Focuses on the transition from design assets (SVG) to code, rather than the general nature of the components themselves
  • Development GuidesTechnical walkthroughs and instructional documentation for implementing specific framework patterns. **Distinct from React Components:** Distinct from React Components: provides instructional guidance on organization and lifecycle rather than the components themselves.
  • Documentation SystemsTools for creating catalogs and guides specifically for React components. **Distinct from React Components:** Focuses on the documentation of components rather than the components themselves.
  • Drawer Components1 sous-tagReact-specific implementations of slide-up panels and drawers. **Distinct from React Components:** Specifically targets drawer-style components rather than generic React UI elements.
  • Element Manipulation Utilities1 sous-tagFunctions for cloning and modifying existing UI elements. **Distinct from React Components:** Distinct from React Components: focuses on the utility functions for element manipulation rather than the components themselves.
  • Email Component Libraries2 sous-tagsModular UI primitives specifically designed for building complex email layouts using declarative code. **Distinct from React Components:** Distinct from general React components: specifically optimized for the constraints of email-safe HTML and CSS.
  • Email Layout ComponentsReact components for building email layouts including headings, paragraphs, buttons, images, and menus. **Distinct from React Components:** Distinct from general React Components: specially designed for composing email layouts with blocks like headings, paragraphs, buttons, etc.
  • Incremental Content Revealers1 sous-tagReact components that display content fragments sequentially within slides.
  • Interaction HandlersUtilities for managing state transitions and visual feedback in response to pointer gestures. **Distinct from React Components:** Focuses on interaction-driven state management for React components, distinct from general component libraries.
  • Lazy LoadersComponents that defer the loading of other components using promises. **Distinct from React Components:** A specific utility for deferring component delivery, distinct from a general library of UI components.
  • Marketing Layout KitsComponent-based UI libraries providing pre-designed marketing layouts and animated components for React applications. **Distinct from React Components:** Distinct from React Components: focuses on pre-designed marketing layouts and animated components rather than general reusable interface elements.
  • Modal Components1 sous-tagReusable dialog components specifically designed for the React ecosystem. **Distinct from React Components:** Distinct from React Components: specifies the functional purpose as a modal dialog rather than a generic UI element.
  • Modernization Utilities1 sous-tagTools for refactoring legacy class components and lifecycle methods to modern standards. **Distinct from React Components:** Distinct from React Components: focuses on the refactoring and modernization of existing codebases rather than providing reusable UI elements.
  • PDF Viewer Components2 sous-tagsReact-based components for integrating document viewing, text selection, and accessibility features into web interfaces. **Distinct from React Components:** Distinct from generic React Components: focuses specifically on PDF viewing and document interaction capabilities.
  • PrintableReact components specifically optimized or wrapped for output to a browser print dialog. **Distinct from React Components:** Focuses on the print-specific application of React components rather than general reusable UI libraries.
  • React Component PublishingSpecialized workflows for sharing React-based interface elements with public registries. **Distinct from React Components:** Distinct from React Components: focuses on the act of publishing and distributing components rather than the components themselves.
  • Server Components5 sous-tagsReact components designed for server-side rendering environments with partial compatibility. **Distinct from React Components:** Distinct from React Components: focuses on server-rendered component support, not general React components.
  • Starter KitsMinimal viable project foundations designed to be extended into full applications. **Distinct from React Components:** Provides a project foundation and configuration rather than a library of reusable UI components.
  • State Management PatternsArchitectural approaches for synchronizing internal component state with external props. **Distinct from React Components:** Focuses on the internal state logic (controlled vs uncontrolled) rather than the general purpose of the React component.
  • Testing UtilitiesTools specifically designed for verifying the behavior of React components. **Distinct from React Components:** Focuses on the testing of components rather than the creation of reusable UI elements.
  • Visibility Trigger ComponentsReact components that execute callbacks based on the visibility of the component's associated DOM element. **Distinct from React Components:** Specifically targets the behavior of triggering callbacks on visibility rather than general reusable UI elements.
  • Visual Editor RegistrationsMechanisms for making React components available as draggable building blocks inside a visual editor with configurable props. **Distinct from React Components:** Distinct from React Components: focuses on the registration process for visual editors rather than the components themselves.
  • Visualization Component Hierarchies1 sous-tagReact component structures specifically designed to map and manage data-driven visual states. **Distinct from React Components:** Focuses on the mapping of data structures to components rather than general reusable UI elements.
  • Workshop ExercisesPractical exercises in building reusable UI components with React's declarative component model and state management. **Distinct from React Components:** Distinct from React Components: focuses on educational workshop exercises for learning component development, not on a library of reusable components.