# React Component Libraries

> Search results for `react component library` on awesome-repositories.com. 117 total matches; showing the first 50.

Explore on the web: https://awesome-repositories.com/q/react-component-library

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [this search on awesome-repositories.com](https://awesome-repositories.com/q/react-component-library).**

## Results

- [brillout/awesome-react-components](https://awesome-repositories.com/repository/brillout-awesome-react-components.md) (47,788 ⭐) — This project is a community-maintained open source directory that serves as a comprehensive index of React components and libraries. It functions as a technical knowledge base, mapping common development challenges to vetted third-party solutions to help developers accelerate their frontend workflows and avoid reinventing standard interface elements.

The directory distinguishes itself through a decentralized, hyperlink-centric architecture that avoids hosting code locally, instead pointing users directly to external repositories. This content is curated through a collaborative model where com
- [facebook/react](https://awesome-repositories.com/repository/facebook-react.md) (245,669 ⭐) — React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional data flow.
- [matthewherbst/react-to-print](https://awesome-repositories.com/repository/matthewherbst-react-to-print.md) (2,474 ⭐) — This project is a React print component and utility for rendering specific components or DOM elements into a browser print dialog. It functions as a print layout controller and lifecycle manager, using a hidden iframe to isolate content so that printing does not alter the main page layout.

The tool specializes in copying DOM and Shadow DOM content into a printable window while preserving encapsulated styles. It allows for the injection of custom fonts and CSS to manage page breaks, margins, and orientations for consistent physical paper or PDF output.

The library includes asynchronous lifecy
- [microsoft/poml](https://awesome-repositories.com/repository/microsoft-poml.md) (4,853 ⭐) — Poml is a prompt management framework and templating engine designed for authoring, versioning, and rendering structured prompts for large language models. It uses a semantic markup language to organize prompts into reusable templates, combining them with dynamic context and data to generate formatted inputs.

The system distinguishes itself by decoupling core prompt logic from final presentation through a stylesheet-based approach. It provides a dedicated JSON schema output generator to enforce strict, machine-parsable model responses and a configuration interface for managing function tool s
- [rayyamhk/vite-react-component-library-starter](https://awesome-repositories.com/repository/rayyamhk-vite-react-component-library-starter.md) (68 ⭐) — Starter template for React component library
- [gsharath/react-component-library-vite](https://awesome-repositories.com/repository/gsharath-react-component-library-vite.md) (6 ⭐) — This template provides a minimal setup to create a library in React using Vite. - This uses styledcomponents for styling - It uses javascript. Typescript also can be configured easily by adding relevant libraries.
- [gabrielbull/react-desktop](https://awesome-repositories.com/repository/gabrielbull-react-desktop.md) (9,493 ⭐) — react-desktop is a React component library and web-based simulator designed to recreate the visual interfaces and behaviors of desktop operating systems. It provides a set of components that allow developers to build browser applications that mimic the look and feel of macOS and Windows.

The library focuses on desktop UI simulation and operating system emulation, offering a collection of visual elements such as windows and menus. These components follow desktop design guidelines to create a familiar user experience within a web environment.
- [a-h/templ](https://awesome-repositories.com/repository/a-h-templ.md) (10,358 ⭐) — Templ is a type-safe HTML templating engine and UI framework for Go. It provides a system for building reusable HTML components that compile into Go code for server-side rendering, ensuring type safety and compile-time validation of data and logic.

The project features a dedicated language server that provides autocomplete and syntax validation for template files within supported code editors. It employs compile-time code generation to transform a custom template language into Go source code, enabling the creation of modular HTML fragments and logic blocks.

The framework includes automated s
- [react-d3-library/react-d3-library](https://awesome-repositories.com/repository/react-d3-library-react-d3-library.md) (1,537 ⭐) — Open source library for using D3 in React
- [jspreadsheet/ce](https://awesome-repositories.com/repository/jspreadsheet-ce.md) (7,186 ⭐) — This project is a JavaScript spreadsheet component and web-based data table that provides an interactive grid for managing tabular data. It functions as a cross-framework UI component compatible with React, Vue, and jQuery, and can also be embedded as a standalone web component.

The grid is specifically designed for XLSX interoperability, allowing users to import and export XLSX files while preserving formulas and styles. It distinguishes itself through real-time collaboration for simultaneous multi-user editing and a flexible system for creating custom cell editors and specialized column typ
- [motiondivision/motion](https://awesome-repositories.com/repository/motiondivision-motion.md) (32,375 ⭐) — Motion is a high-performance animation library that provides a unified, declarative architecture for managing visual transitions and motion states across web interfaces. By utilizing a lightweight engine, it allows developers to define complex animations through component properties rather than manual DOM manipulation, ensuring consistent behavior across various component-based frameworks and vanilla JavaScript environments.

The library distinguishes itself through a sophisticated physics-based motion engine that simulates natural movement using mass, damping, and stiffness parameters. It inc
- [ramotion/folding-cell](https://awesome-repositories.com/repository/ramotion-folding-cell.md) (10,196 ⭐) — Folding-cell is a React animation component designed as a collapsible content cell. It functions as an expanding UI element that toggles between a collapsed and expanded state to reveal hidden information.

The component implements animated content disclosure using a paper-like transition. It is designed for interactive UI components and mobile layouts, allowing compact lists or grids to expand into detailed views without navigating to a new page.
- [davila7/claude-code-templates](https://awesome-repositories.com/repository/davila7-claude-code-templates.md) (20,933 ⭐) — Claude Code Templates is a comprehensive framework for orchestrating specialized AI agents and automating development workflows within local environments. It provides a structured system for defining, configuring, and deploying AI personas that handle specific technical tasks, ranging from backend architecture and frontend implementation to security auditing and infrastructure management.

The project distinguishes itself through a configuration-driven approach that allows teams to standardize development environments and share reusable agent definitions across projects. It includes a robust C
- [table-library/react-table-library](https://awesome-repositories.com/repository/table-library-react-table-library.md) (795 ⭐) — React Table Library
- [xxhls/react-component-library-template](https://awesome-repositories.com/repository/xxhls-react-component-library-template.md) (0 ⭐)
- [refactoringui/heroicons](https://awesome-repositories.com/repository/refactoringui-heroicons.md) (23,618 ⭐) — 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
- [microsoft/fluentui](https://awesome-repositories.com/repository/microsoft-fluentui.md) (20,063 ⭐) — 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
- [crewaiinc/crewai](https://awesome-repositories.com/repository/crewaiinc-crewai.md) (53,687 ⭐) — CrewAI is a multi-agent orchestration framework designed for building autonomous systems that execute complex, multi-step workflows. It provides a development platform where specialized agents are defined with specific roles, goals, and tool sets to perform tasks collaboratively. By leveraging a declarative workflow engine, the system manages task dependencies, state transitions, and execution logic, allowing for the creation of structured, stateful sequences of operations.

The framework distinguishes itself through its hierarchical management capabilities, which utilize manager agents to coo
- [codesuki/react-d3-components](https://awesome-repositories.com/repository/codesuki-react-d3-components.md) (1,618 ⭐) — D3 Components for React
- [tamagui/tamagui](https://awesome-repositories.com/repository/tamagui-tamagui.md) (13,729 ⭐) — 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
- [strml/react-router-component](https://awesome-repositories.com/repository/strml-react-router-component.md) (867 ⭐) — Declarative router component for React.
- [facebook/react-native](https://awesome-repositories.com/repository/facebook-react-native.md) (126,019 ⭐) — This project is a cross-platform mobile framework that enables the development of native iOS and Android applications from a single codebase. It utilizes a declarative component-based model where developers define user interfaces using a syntax extension that maps directly to underlying platform-native view primitives. By decoupling application logic from the host platform's main thread, the framework maintains a consistent native view hierarchy while ensuring that JavaScript execution remains independent of UI rendering.

The framework distinguishes itself through a robust bridge architecture
- [evancz/react-elm-components](https://awesome-repositories.com/repository/evancz-react-elm-components.md) (779 ⭐) — Write React components in Elm
- [likec4/likec4](https://awesome-repositories.com/repository/likec4-likec4.md) (2,723 ⭐) — likec4 is an architecture-as-code framework that transforms text-based architecture definitions into interactive diagrams, static websites, and image files. It serves as a system architecture visualizer and C4 model diagram generator, allowing users to define software components, boundaries, and deployment infrastructure using a domain-specific language.

The tool distinguishes itself by providing a modeling environment with Language Server Protocol integration for real-time validation and autocomplete. It enables interactive architecture documentation where users can navigate through hierarch
- [magicuidesign/magicui](https://awesome-repositories.com/repository/magicuidesign-magicui.md) (21,278 ⭐) — 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
- [vitejs/awesome-vite](https://awesome-repositories.com/repository/vitejs-awesome-vite.md) (16,866 ⭐) — Awesome Vite is a curated collection of resources, plugins, and templates designed for the Vite build tool ecosystem. It serves as a central directory for developers looking to extend the capabilities of this high-performance frontend build pipeline and module bundler.

The project highlights the core strengths of Vite, including its native ESM-based development server, instant hot module replacement, and pre-bundled dependency optimization. By aggregating community-maintained tools, it showcases how to leverage Vite’s plugin-based architecture to customize build pipelines, integrate popular f
- [testing-library/react-testing-library](https://awesome-repositories.com/repository/testing-library-react-testing-library.md) (19,606 ⭐) — React Testing Library is a testing framework for verifying React components by interacting with rendered output instead of internal implementation details. It functions as a DOM testing utility and a frontend integration testing tool that mounts components into a virtual document object model for execution within Node.js environments.

The library utilizes an accessibility-first query engine to locate user interface elements via ARIA roles and labels. This approach ensures web accessibility standards are met by mirroring how users perceive the interface rather than relying on implementation-sp
- [react-navigation/react-navigation](https://awesome-repositories.com/repository/react-navigation-react-navigation.md) (24,405 ⭐)
- [twisty/formsy-react-components](https://awesome-repositories.com/repository/twisty-formsy-react-components.md) (287 ⭐) — Bootstrap components for a formsy-react form.
- [jbranchaud/til](https://awesome-repositories.com/repository/jbranchaud-til.md) (14,116 ⭐) — This project is a markdown knowledge base used to maintain a curated collection of concise technical notes and write-ups across various programming languages and tools. It serves as a searchable personal reference library for documenting technical discoveries and software development patterns.

The system implements a learning in public workflow, transforming markdown-based content storage into a static site. It utilizes directory-based routing to map folder structures to URL paths and employs schema-driven type generation to ensure data consistency across the knowledge base.

The codebase cov
- [primefaces/primereact](https://awesome-repositories.com/repository/primefaces-primereact.md) (8,323 ⭐) — PrimeReact is a comprehensive UI component library for building interactive user interfaces with React. It provides an accessible component suite, a form input framework, and a data visualization toolkit designed to meet accessibility standards through built-in keyboard navigation and focus management.

The library features a themed design system that allows for visual customization via pre-defined skin sets or an unstyled mode. This unstyled mode decouples component behavior and accessibility logic from the presentation layer, enabling the implementation of custom corporate design systems.

C
- [eiriklv/react-masonry-component](https://awesome-repositories.com/repository/eiriklv-react-masonry-component.md) (1,468 ⭐) — A React.js component for using @desandro's Masonry
- [vercel/commerce](https://awesome-repositories.com/repository/vercel-commerce.md) (14,099 ⭐) — This project is a headless commerce frontend and Next.js ecommerce storefront template. It provides a decoupled user interface that fetches product and order data from external commerce providers via APIs.

The storefront includes a React component library of pre-built UI elements for shopping carts, product grids, and search interfaces. It features integration with visual content management tools, allowing site elements and pages to be modified without manual code changes.

The platform covers product discovery through advanced search, typeahead suggestions, and related product recommendation
- [reflex-dev/reflex](https://awesome-repositories.com/repository/reflex-dev-reflex.md) (28,136 ⭐) — Reflex is a full-stack web framework that enables the development of complete web applications using only Python. It provides a unified environment where server-side logic and client-side interfaces are synchronized through a shared, event-driven architecture. By using a declarative component language, the framework compiles code into reactive frontend elements and backend event handlers, allowing developers to manage the entire application lifecycle within a single codebase.

The framework distinguishes itself through its reactive state management and integrated AI-assisted development tools.
- [jeroencoumans/react-scroll-components](https://awesome-repositories.com/repository/jeroencoumans-react-scroll-components.md) (123 ⭐) — A set of components that react to page scrolling
- [lucide-icons/lucide](https://awesome-repositories.com/repository/lucide-icons-lucide.md) (21,186 ⭐) — Lucide is a collection of consistent, scalable vector icons designed as a reusable component library for web and mobile interfaces. It provides a standardized set of visual symbols that support dynamic styling, programmatic manipulation, and accessibility features, ensuring that icons remain perceivable and usable across diverse development environments.

The library distinguishes itself through a framework-agnostic architecture that defines icons as raw coordinate data, allowing for consistent rendering across various platforms. It supports tree-shakable module exports and bundle size optimiz
- [oldboyxx/jira_clone](https://awesome-repositories.com/repository/oldboyxx-jira-clone.md) (11,064 ⭐) — This project is a full-stack project management web application designed for organizing work and managing project workflows. It consists of a Node.js TypeScript REST API for server-side business logic and a React component UI library for the frontend interface.

The application implements a board-based task visualization system with customizable status workflows. It provides mechanisms for issue workflow management, including task prioritization and team member assignment to track responsibilities and progress.

The system is built with a decoupled client-server architecture using full-stack T
- [perspective-dev/perspective](https://awesome-repositories.com/repository/perspective-dev-perspective.md) (10,981 ⭐) — Perspective is a columnar data analytics engine and high-performance visualization component powered by WebAssembly. It provides a system for analyzing and visualizing large or streaming datasets through interactive data grids and charts, utilizing a compiled binary to achieve near-native performance within the browser.

The project distinguishes itself through a WebSocket-based data streaming interface and deep Apache Arrow integration, which minimize memory overhead when synchronizing tables between servers and clients. It acts as a remote query proxy capable of translating visualization con
- [emilkowalski/sonner](https://awesome-repositories.com/repository/emilkowalski-sonner.md) (12,487 ⭐) — Sonner is a React-based notification library designed for rendering transient, stackable feedback messages within web applications. It functions as a frontend system for managing and displaying time-limited alerts that inform users of system events or state changes during an active session.

The library utilizes a centralized state machine to manage the lifecycle of each notification, ensuring consistent visibility and removal. It coordinates these elements through an event-driven message bus and renders them into a detached container outside the main application hierarchy to maintain global s
- [ktorz/elm-react-component](https://awesome-repositories.com/repository/ktorz-elm-react-component.md) (112 ⭐) — (deprecated) A React component which wraps an Elm module to be used in a React application.
- [react-bootstrap/react-bootstrap](https://awesome-repositories.com/repository/react-bootstrap-react-bootstrap.md) (22,608 ⭐) — 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.
- [datav-team/datav](https://awesome-repositories.com/repository/datav-team-datav.md) (9,667 ⭐) — DataV is a big screen visualization framework designed for high-impact data displays. It provides a collection of libraries for both Vue and React to build large-scale data dashboards featuring interactive charts and visual elements.

The toolkit includes a specialized decoration kit of scalable vector graphics used to add borders and frames to professional data display screens. It focuses on complex data visualization, including the rendering of specialized charts such as water level and flight line maps.

The framework covers a broad capability surface for data dashboard visualization, provi
- [teodosii/react-notifications-component](https://awesome-repositories.com/repository/teodosii-react-notifications-component.md) (1,282 ⭐) — Delightful and highly customisable React Component to notify your users
- [semantic-org/semantic-ui-react](https://awesome-repositories.com/repository/semantic-org-semantic-ui-react.md) (13,218 ⭐) — Semantic UI React is a declarative component library that provides native React bindings for the Semantic UI design language. It enables the construction of complex user interfaces through a modular, component-based architecture that maps directly to established design patterns, allowing developers to build consistent web application layouts without manual HTML markup.

The library distinguishes itself through a shorthand property system that automatically generates and populates nested child components from data objects, significantly reducing the need for verbose code. It also supports polym
- [marmelab/react-admin](https://awesome-repositories.com/repository/marmelab-react-admin.md) (26,780 ⭐) — 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
- [ctrlplusb/react-component-queries](https://awesome-repositories.com/repository/ctrlplusb-react-component-queries.md) (181 ⭐) — Provide props to your React Components based on their Width and/or Height.
- [syncfusion/ej2-react-ui-components](https://awesome-repositories.com/repository/syncfusion-ej2-react-ui-components.md) (401 ⭐) — Syncfusion React UI components library offer more than 50+ cross-browser, responsive, and lightweight react UI controls for building modern web applications.
- [dip/cmdk](https://awesome-repositories.com/repository/dip-cmdk.md) (12,695 ⭐) — cmdk is an unstyled, headless React component library for building accessible search-based navigation and command interfaces. It provides the logic and state management required to create keyboard-navigable command palettes that filter lists of actions and items based on user input.

The library distinguishes itself by remaining visually agnostic, offering a collection of logic-heavy components without predefined styles. It supports advanced organization through hierarchical menu navigation, nested paging systems, and conditional group filtering that hides categories when no child items match
- [diegomura/react-pdf](https://awesome-repositories.com/repository/diegomura-react-pdf.md) (16,403 ⭐) — This library provides a rendering engine that translates declarative component trees into PDF files. It enables the construction of complex document structures using a component-based architecture, allowing developers to define layout, styling, and content programmatically. The system operates across both browser and server-side environments, offering a unified interface for generating structured documents.

The project distinguishes itself through a sophisticated layout and rendering pipeline that handles the complexities of document creation. It utilizes a flexbox-based engine for element po
- [martinandert/react-translate-component](https://awesome-repositories.com/repository/martinandert-react-translate-component.md) (320 ⭐) — A component for React that utilizes the Counterpart module to provide multi-lingual/localized text content.