awesome-repositories.com
博客
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

134 个仓库

Awesome GitHub RepositoriesComponent Libraries

Collections of pre-built, reusable UI elements.

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

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

Awesome Component Libraries GitHub Repositories

用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
  • react/reactreact 的头像

    react/react

    245,916在 GitHub 上查看↗

    React 是一个用于通过封装、可复用的组件构建用户界面的 JavaScript 库。它以声明式方式渲染视图,当底层数据发生变化时,自动仅更新界面中发生变化的部分,同时保持稳定部分不变。 其渲染引擎将工作分解为增量、优先级的单元,可以在不阻塞主线程的情况下暂停、恢复或中止。Diffing 算法计算分阶段 UI 树之间的最小变更,核心渲染逻辑与任何特定的输出目标解耦。状态和副作用逻辑通过调用顺序机制附加到函数式组件,使可复用行为能够通过从父级到子级的可预测数据流进行组合。 相同的组件模型适用于 Web 浏览器、通过 Node 的服务器环境以及原生移动平台,因此接口代码可以在不同上下文中迁移,而无需重写核心逻辑。服务器端流式传输增量生成 HTML 以实现更快的初始页面加载,并在页面到达浏览器后通过渐进式注水(Hydration)绑定交互性。

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

    JavaScriptdeclarativefrontendjavascript
    在 GitHub 上查看↗245,916
  • facebook/reactfacebook 的头像

    facebook/react

    245,669在 GitHub 上查看↗

    React 是一个用于构建用户界面的 JavaScript 库,采用组件化架构和单向数据流。

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

    JavaScriptjavascriptuifrontend
    在 GitHub 上查看↗245,669
  • twbs/bootstraptwbs 的头像

    twbs/bootstrap

    174,380在 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
    在 GitHub 上查看↗174,380
  • shadcn/uishadcn 的头像

    shadcn/ui

    116,798在 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
    在 GitHub 上查看↗116,798
  • mui/material-uimui 的头像

    mui/material-ui

    98,459在 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
    在 GitHub 上查看↗98,459
  • ant-design/ant-designant-design 的头像

    ant-design/ant-design

    98,362在 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
    在 GitHub 上查看↗98,362
  • enaqx/awesome-reactenaqx 的头像

    enaqx/awesome-react

    73,650在 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
    在 GitHub 上查看↗73,650
  • bradtraversy/design-resources-for-developersbradtraversy 的头像

    bradtraversy/design-resources-for-developers

    66,055在 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.

    在 GitHub 上查看↗66,055
  • facebook/docusaurusfacebook 的头像

    facebook/docusaurus

    65,231在 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
    在 GitHub 上查看↗65,231
  • solido/awesome-flutterSolido 的头像

    Solido/awesome-flutter

    60,327在 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
    在 GitHub 上查看↗60,327
  • penpot/penpotpenpot 的头像

    penpot/penpot

    53,219在 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
    在 GitHub 上查看↗53,219
  • brillout/awesome-react-componentsbrillout 的头像

    brillout/awesome-react-components

    47,788在 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
    在 GitHub 上查看↗47,788
  • slidevjs/slidevslidevjs 的头像

    slidevjs/slidev

    47,208在 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
    在 GitHub 上查看↗47,208
  • streamlit/streamlitstreamlit 的头像

    streamlit/streamlit

    44,982在 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
    在 GitHub 上查看↗44,982
  • gradio-app/gradiogradio-app 的头像

    gradio-app/gradio

    42,931在 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
    在 GitHub 上查看↗42,931
  • davidhdev/react-bitsDavidHDev 的头像

    DavidHDev/react-bits

    41,207在 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
    在 GitHub 上查看↗41,207
  • tabler/tablertabler 的头像

    tabler/tabler

    41,180在 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
    在 GitHub 上查看↗41,180
  • corentinth/it-toolsCorentinTh 的头像

    CorentinTh/it-tools

    39,343在 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
    在 GitHub 上查看↗39,343
  • willmcgugan/textualwillmcgugan 的头像

    willmcgugan/textual

    36,292在 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
    在 GitHub 上查看↗36,292
  • jaywcjlove/linux-commandjaywcjlove 的头像

    jaywcjlove/linux-command

    36,314在 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
    在 GitHub 上查看↗36,314
上一个123456…7下一个
  1. Home
  2. User Interface & Experience
  3. Component Libraries

探索子标签

  • Angular UI Libraries6 个子标签Collections of pre-built interface resources and components specifically designed for use within the Angular framework.
  • Component-Based UI Libraries3 个子标签Libraries 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.