awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com

146 repos

Awesome GitHub RepositoriesComponent Libraries

Collections of pre-built, reusable UI elements.

Distinguishing note: Focuses on sets of components rather than individual widgets.

Explore 146 awesome GitHub repositories matching user interface & experience · Component Libraries. Refine with filters or upvote what's useful.

Awesome Component Libraries GitHub Repositories

Find the best repos with AI.We'll search the best matching repositories with AI.
  • react/reactreact avatar

    react/react

    245,916View on GitHub↗

    React is a JavaScript library for building user interfaces from encapsulated, reusable components. It renders views declaratively, automatically updating only the parts of the interface that change when underlying data shifts, while leaving stable sections untouched. Its rendering engine breaks work into incremental, prioritised units that can pause, resume, or abort without blocking the main thread. A diffing algorithm computes minimal changes between staged UI trees, and core rendering logic remains decoupled from any specific output target. State and side-effect logic attach to functional

    A library for building user interfaces from small reusable components whose output updates automatically when their state changes.

    JavaScriptdeclarativefrontendjavascript
    View on GitHub↗245,916
  • facebook/reactfacebook avatar

    facebook/react

    245,669View on GitHub↗

    React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional data flow.

    Provides a declarative library for building user interfaces through a component-driven architecture that manages state and renders updates efficiently.

    JavaScriptjavascriptuifrontend
    View on GitHub↗245,669
  • twbs/bootstraptwbs avatar

    twbs/bootstrap

    174,380View on GitHub↗

    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

    Accelerates development with a collection of pre-built, reusable interface elements like navigation bars, modals, and forms.

    MDXbootstrapcsscss-framework
    View on GitHub↗174,380
  • shadcn/uishadcn avatar

    shadcn/ui

    116,798View on GitHub↗

    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

    Enables the creation of a custom component library by distributing source code directly to the user.

    TypeScript
    View on GitHub↗116,798
  • ant-design/ant-designant-design avatar

    ant-design/ant-design

    98,362View on GitHub↗

    Ant Design is an enterprise-grade component library and design system framework built for developing complex, data-heavy web applications. It provides a comprehensive collection of pre-built, state-driven interface elements that map data properties to rendered components, ensuring consistent interaction patterns and visual language across large-scale projects. The library distinguishes itself through a robust styling architecture that utilizes design tokens and hierarchical configuration providers to propagate global settings like themes, locale, and layout direction. By employing component-l

    Delivers a robust collection of reusable interface elements tailored for building complex, data-intensive web applications.

    TypeScriptant-designantddesign-systems
    View on GitHub↗98,362
  • mui/material-uimui avatar

    mui/material-ui

    98,459View on GitHub↗

    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

    Accelerates interface development by supplying a vast collection of pre-built, reusable, and accessible UI elements.

    JavaScriptdesign-systemmaterial-designmaterial-ui
    View on GitHub↗98,459
  • enaqx/awesome-reactenaqx avatar

    enaqx/awesome-react

    73,650View on GitHub↗

    This project is a community-driven knowledge base that serves as a centralized directory for the React and React Native ecosystems. It functions as a developer discovery portal, aggregating high-quality libraries, frameworks, and learning resources to assist in the research and selection of tools for modern web and mobile application development. The repository distinguishes itself through a hierarchical taxonomy that organizes a fragmented landscape of third-party software into functional domains. By utilizing markdown-based content curation, it provides a structured index that allows develo

    Catalogs reusable interface elements and design systems to streamline the creation of user interfaces.

    awesomeawesome-listjavascript
    View on GitHub↗73,650
  • bradtraversy/design-resources-for-developersbradtraversy avatar

    bradtraversy/design-resources-for-developers

    66,055View on GitHub↗

    This project is a curated resource repository that serves as a comprehensive directory of design assets and development tools. It provides a structured collection of high-quality links intended to help developers discover essential resources for their technical projects and user interface designs. The directory is distinguished by its community-driven approach, relying on collaborative peer review and external contributions to maintain an up-to-date index of resources. It functions as a frontend development toolkit, offering a categorized list of UI libraries, CSS frameworks, and animation to

    Catalogs reusable interface elements and design frameworks to assist in web development.

    View on GitHub↗66,055
  • facebook/docusaurusfacebook avatar

    facebook/docusaurus

    65,231View on GitHub↗

    Docusaurus is a documentation framework and static site generator designed to transform markdown files and component templates into optimized web pages. It functions as a content management platform for technical knowledge bases, utilizing a build process that pre-renders content into static HTML and JavaScript bundles to ensure site performance and search visibility. The framework distinguishes itself through a component-driven architecture that allows developers to build unique page layouts and interactive elements using reusable code blocks. It employs file-system-based routing to map dire

    Supplies a collection of reusable interface elements that allow developers to customize site layouts and interactive features.

    TypeScriptdocumentationhacktoberfestjavascript
    View on GitHub↗65,231
  • solido/awesome-flutterSolido avatar

    Solido/awesome-flutter

    60,327View on GitHub↗

    This project is a community-curated directory of resources, libraries, and tools designed to support developers working with the Flutter framework. It functions as a centralized knowledge base, organizing high-quality external references into a structured, human-readable format to assist in the discovery of technical materials for cross-platform application development. The directory distinguishes itself through a comprehensive index of the global Flutter ecosystem, including local user groups, meetups, and communication channels that connect developers to international support networks. It m

    Collects reusable UI components and specialized widgets to accelerate interface development.

    Dartandroidawesomeawesome-list
    View on GitHub↗60,327
  • penpot/penpotpenpot avatar

    penpot/penpot

    53,219View on GitHub↗

    This project is a browser-based collaborative design platform that provides a comprehensive workspace for interface design, interactive prototyping, and design system management. It functions as a vector graphics editor that enables teams to create, manage, and iterate on designs in real-time, utilizing a component-based inheritance model to ensure consistency across complex projects. The platform distinguishes itself through a deep integration of design and development workflows. It features a specialized developer handoff workspace that allows for the inspection of design properties, precis

    The platform allows users to create reusable components to speed up the design workflow and ensure consistent user interface elements throughout a project.

    Clojureclojureclojurescriptdesign
    View on GitHub↗53,219
  • brillout/awesome-react-componentsbrillout avatar

    brillout/awesome-react-components

    47,788View on GitHub↗

    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

    Provides curated collections of reusable interface components.

    awesomeawesome-listreact
    View on GitHub↗47,788
  • slidevjs/slidevslidevjs avatar

    slidevjs/slidev

    47,208View on GitHub↗

    Slidev is a markdown-based presentation framework designed for creating interactive, web-based slide decks. It functions as a static site generator that transforms plain text files into modular UI components, allowing authors to maintain version control while building professional presentations. The engine provides a browser-based runtime that manages slide navigation, animated transitions, and the live execution of code blocks. What distinguishes Slidev is its developer-centric approach to technical presentations. It features built-in support for syntax highlighting, mathematical typesetting

    A development environment that allows authors to compose slide content using reusable UI components and custom layout templates.

    TypeScriptmarkdownpresentationslides
    View on GitHub↗47,208
  • streamlit/streamlitstreamlit avatar

    streamlit/streamlit

    44,982View on GitHub↗

    Streamlit is a Python framework designed to transform data scripts into interactive web applications. It utilizes a reactive execution engine that automatically reruns scripts from top to bottom whenever a user interaction triggers a state change, ensuring the interface remains synchronized with the underlying data. By providing a declarative interface, it allows developers to build functional applications without requiring extensive knowledge of frontend web technologies. The framework distinguishes itself through an identity-based widget reconciliation system that persists user input across

    Offers a collection of pre-built interactive widgets to create functional user interfaces without custom frontend code.

    Pythondata-analysisdata-sciencedata-visualization
    View on GitHub↗44,982
  • gradio-app/gradiogradio-app avatar

    gradio-app/gradio

    42,931View on GitHub↗

    Gradio is a Python library that enables the creation of interactive web applications by converting functions into browser-based interfaces. It functions as a declarative framework where developers define input and output components to automatically generate web forms, visualizations, and data-driven dashboards. By abstracting away manual web markup, the library allows for the rapid construction of interfaces for machine learning models, research demonstrations, and analytical workflows within a single environment. The platform distinguishes itself by automatically exposing internal applicatio

    Extend interface functionality by creating or importing modular elements that integrate into existing web applications to provide specialized user interactions and complex data visualizations for end users.

    Pythondata-analysisdata-sciencedata-visualization
    View on GitHub↗42,931
  • tabler/tablertabler avatar

    tabler/tabler

    41,180View on GitHub↗

    Tabler is a comprehensive UI framework designed for building responsive, data-heavy administrative panels and enterprise web applications. It provides a unified collection of pre-styled components and layout patterns that allow developers to construct complex dashboard interfaces using a consistent design system. The project distinguishes itself through a metadata-driven approach to interactivity, where complex component behaviors and state transitions are initialized by parsing configuration attributes directly from HTML elements. This allows for the creation of interactive interfaces withou

    Provides a comprehensive library of pre-styled components for building complex administrative interfaces.

    HTMLadmin-dashboardadminpanelboilerplate-template
    View on GitHub↗41,180
  • davidhdev/react-bitsDavidHDev avatar

    DavidHDev/react-bits

    41,207View on GitHub↗

    React-bits is a comprehensive toolkit for web development that combines a library of interactive motion primitives with a command-line interface for component management and AI-assisted coding. It provides a framework for implementing declarative motion states and specialized typography animations, allowing developers to build responsive, gesture-enabled interfaces that respond to user input. The project distinguishes itself through a remote registry system that allows for the direct injection of modular UI source code into local project directories. It also features a protocol-based bridge t

    Adding pre-built, customizable interface elements to a project by fetching them directly into your codebase to speed up development.

    JavaScript3danimationscomponent-library
    View on GitHub↗41,207
  • corentinth/it-toolsCorentinTh avatar

    CorentinTh/it-tools

    39,343View on GitHub↗

    This project is a browser-based developer toolkit that provides a collection of offline-first utilities for common data transformations and encoding tasks. It functions as a static web application, bundling multiple independent productivity tools into a single-page interface designed for rapid technical task execution. The suite operates entirely on the client side, ensuring that all data processing occurs locally within the user browser without requiring a backend server or external service dependencies. This architecture prioritizes privacy and security by keeping sensitive information off

    Constructs the interface by assembling modular and reusable functional units.

    Vueconverterdeveloper-productivitydeveloper-tools
    View on GitHub↗39,343
  • willmcgugan/textualwillmcgugan avatar

    willmcgugan/textual

    36,292View on GitHub↗

    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

    Provides a component-based interface system built on an asynchronous core for non-blocking application execution.

    Python
    View on GitHub↗36,292
  • jaywcjlove/linux-commandjaywcjlove avatar

    jaywcjlove/linux-command

    36,314View on GitHub↗

    This project is a static site generator and documentation hub designed to provide a comprehensive reference for Linux command-line utilities. By transforming structured markdown files into optimized HTML pages, it creates a centralized knowledge base that streamlines system administration workflows and helps users quickly locate command syntax and usage patterns. The platform distinguishes itself through a client-side search engine that indexes documentation locally, enabling instant keyword retrieval without the need for server-side processing or external database infrastructure. This archit

    Assembles individual interface elements into a unified layout for consistent design.

    Markdownbashchromechrome-extension
    View on GitHub↗36,314
Prev123456…8Next
  1. Home
  2. User Interface & Experience
  3. Component Libraries

Explore sub-tags

  • Angular UI Libraries7 sub-tagsCollections of pre-built interface resources and components specifically designed for use within the Angular framework.
  • Component-Based UI Libraries3 sub-tagsLibraries providing pre-built, reusable interface elements and APIs to accelerate the construction of component-driven user interfaces.
  • Design SystemCollections of pre-built interface elements designed to maintain consistent visual styles and functional standards across applications.
  • Source-Owned LibrariesComponent libraries distributed as raw source code to allow full developer ownership and modification. **Distinct from Component Libraries:** Distinct from general Component Libraries: specifically emphasizes the ownership of source code over package-based dependencies.
  • UniversalUI libraries providing a single set of components that adapt across different platforms and environments. **Distinct from Component Libraries:** Specifically addresses platform universality across web and native, not just general component reuse.