Topics / #component-library

Component-library projects on GitHub

Reusable UI component collections for frontend frameworks.

As of , the most-starred Component-library projects on GitHub are react (251.4K stars), ui (126K stars) and ant-design (99.8K stars). GitHub.Locker tracks 184 Component-library repositories with 3.5M stars combined. The fastest-growing on October 19 was openui, with +336 stars in a day.

184Projects
3.5MStars in total
+2.2KStars in a day

Hot right now

Most stars gained in a day · Oct 19

The all-time top

Top 100 of 184 · by stars

  1. #1 · react/react

    react

    React is a JavaScript library for building user interfaces: you describe views for each state of your app, and React efficiently updates just the right components when data changes.

    251.4K
  2. #2 · shadcn-ui/ui

    ui

    shadcn/ui is a collection of beautifully designed, accessible React components with thoughtful defaults that you copy into your own codebase instead of installing as a locked dependency, so you can customize and extend them freely.

    126K
  3. #3 · ant-design/ant-design

    ant-design

    Ant Design is an enterprise-class UI design language and a React component library for building web applications.

    99.8K
  1. 4

    material-ui

    99.3Kmui/material-ui · JavaScript

    Material UI is a comprehensive library of React components implementing Google's Material Design system, used to build web UIs quickly with pre-built buttons, inputs, dialogs, and more.

  2. 5

    storybook

    91.3Kstorybookjs/storybook · TypeScript

    Storybook is a frontend workshop for building, documenting, and testing UI components in isolation, used by thousands of teams for UI development, testing, and documentation.

  3. 6

    svelte

    88.4Ksveltejs/svelte · JavaScript

    Svelte is a compiler that turns declarative UI components into efficient vanilla JavaScript, which then surgically updates the DOM directly instead of shipping a heavy runtime framework to the browser.

  4. 7

    awesome-android-ui

    58Kwasabeef/awesome-android-ui

    A curated list (awesome-list) of Android UI/UX libraries, organized by component type: layouts, buttons, lists/grids, view pagers, labels/forms, images, seek bars, progress indicators, menus, dialogs, calendars, graphs, animations, parallax, blur/other effects, and Jetpack Compose components.

  5. 8

    element

    54KElemeFE/element · Vue

    Element is a Vue.js 2.0 UI toolkit: a library of ready-made interface components you use to build web interfaces.

  6. 9

    tldraw

    51Ktldraw/tldraw · TypeScript

    tldraw is an SDK for building infinite canvas apps in React — a feature-complete canvas engine that you can use out of the box as a whiteboard or extend with custom shapes, tools, and UI.

  7. 10

    bulma

    50Kjgthms/bulma · CSS

    Bulma is a modern CSS framework based on Flexbox that gives you ready-made classes for building responsive layouts and UI components.

  8. 11

    react-bits

    49.7KDavidHDev/react-bits · JavaScript

    React Bits is an open-source library of animated, interactive React UI components for building eye-catching websites - 165+ ready-made components covering text animations, backgrounds and UI elements.

  9. 12

    awesome-react-components

    48.7Kbrillout/awesome-react-components

    A curated list of standout React components and libraries, organized by category (data grids, carousels, charts, forms, routing, and more).

  10. 13

    AdminLTE

    45.7KColorlibHQ/AdminLTE · Astro

    AdminLTE is a free, open-source admin dashboard template built on Bootstrap 5.3 with vanilla JavaScript (no jQuery), fully responsive and MIT-licensed, with official editions for React, Vue, Laravel, Django, Symfony, Angular, ASP.NET Core and Drupal.

  11. 14

    gradio

    43.8Kgradio-app/gradio · Python

    Gradio is an open-source Python package that turns machine learning models, APIs, or any arbitrary Python function into a shareable demo or web app in just a few lines of Python.

  12. 15

    daisyui

    42.6Ksaadeghi/daisyui · JavaScript

    daisyUI is a free, open-source component library for Tailwind CSS — the most popular one, currently at version 5. It adds ready-made UI component classes on top of Tailwind's utility classes.

  13. 16

    tabler

    41.9Ktabler/tabler · Astro

    Tabler is a free and open source admin dashboard UI kit built on Bootstrap 5: ready-made layouts, components and demo pages for admin panels, dashboards and web apps, in light and dark mode.

  14. 17

    vuetify

    41Kvuetifyjs/vuetify · TypeScript

    Vuetify is a UI library of handcrafted Vue components built on Material Design — you assemble your app's interface from ready-made, responsive parts instead of styling everything yourself.

  15. 18

    chakra-ui

    40.7Kchakra-ui/chakra-ui · TypeScript

    Chakra UI is a component system for building SaaS products with speed: a set of accessible React components for creating web apps and design systems.

  16. 19

    ink

    40.1Kvadimdemedes/ink · TypeScript

    Ink is React for the terminal: a library for building interactive command-line apps out of components, with the same component-based UI experience React offers in the browser.

  17. 20

    tiptap

    38.8Kueberdosis/tiptap · TypeScript

    Tiptap is a headless, framework-agnostic rich text editor framework for web apps, built on top of ProseMirror and extended through extensions.

  18. 21

    materialize

    38.8KDogfalo/materialize · JavaScript

    Materialize is a CSS framework implementing Google's Material Design, providing ready-made UI components, grid system, and styling for building responsive websites.

  19. 22

    ink-kit

    36.3Kinkonchain/ink-kit · TypeScript

    Ink Kit is a React component library for onchain applications. It provided UI components, app layouts and themes, plus a wallet connection component built on wagmi.

  20. 23

    material-design-lite

    32.2Kgoogle/material-design-lite · HTML

    Material Design Lite (MDL) is Google's implementation of Material Design components that adds a Material Design look and feel to static content websites.

  21. 24

    mantine

    31.8Kmantinedev/mantine · TypeScript

    Mantine is a fully featured React components library: @mantine/core alone ships 100+ components, and companion packages cover forms, charts, notifications, editors and more.

  22. 25

    heroui

    31Kheroui-inc/heroui · TypeScript

    HeroUI (formerly NextUI) is a production-ready React component library that combines React Aria's accessibility primitives with Tailwind CSS v4 styling.

  23. 26

    layui

    30.6Klayui/layui · JavaScript

    Layui is an open-source, free Web UI component library built with pure native HTML, CSS and JavaScript development mode, aimed at letting developers build modern web interfaces without heavy framework overhead.

  24. 27

    headlessui

    28.8Ktailwindlabs/headlessui · TypeScript

    Headless UI is a set of completely unstyled, fully accessible UI components designed to integrate beautifully with Tailwind CSS, built by the Tailwind Labs team.

  25. 28

    react-select

    28KJedWatson/react-select · TypeScript

    React Select is a flexible, customizable select (dropdown) component for React apps, originally built for KeystoneJS.

  26. 29

    element-plus

    27.8Kelement-plus/element-plus · TypeScript

    Element Plus is a Vue.js 3 UI component library from the Element team: ready-made interface components — buttons, forms, tables and the like — for assembling web frontends.

  27. 30

    weui

    27.4KTencent/weui · HTML

    WeUI is a UI library from WeChat's official design team: it gives mobile web pages the WeChat look-and-feel, with widgets styled like the WeChat app itself.

  28. 31

    quasar

    27.2Kquasarframework/quasar · JavaScript

    Quasar is a Vue.js based framework for building high-performance UIs that can ship as responsive SPAs, SSR apps, SSG apps, PWAs, browser extensions, hybrid mobile apps, and Electron desktop apps — all from the same codebase.

  29. 32

    react-virtualized

    27.1Kbvaughn/react-virtualized · TypeScript

    react-virtualized is a set of React components for efficiently rendering large lists and tabular data by only rendering the rows or cells currently visible in the viewport.

  30. 33

    awesome-design-systems

    26.2Kalexpate/awesome-design-systems

    A curated list of design systems — the documented principles, best practices and UI/pattern libraries that help a team build digital products consistently.

  31. 34

    react-native-elements

    25.9Kreact-native-elements/react-native-elements · MDX

    React Native Elements (RNE) is a cross-platform UI toolkit for React Native: a library of ready-made components you use to build your app's interface on iOS, Android, and the web.

  32. 35

    components

    25Kangular/components · TypeScript

    This is the official Angular team repository for component infrastructure and Material Design UI components for Angular apps, covering npm packages like @angular/material, @angular/cdk, and @angular/aria.

  33. 36

    vant

    24.4Kyouzan/vant · TypeScript

    Vant is a lightweight, customizable Vue UI library for mobile web apps: 80+ high-quality components averaging about 1KB each (min+gzip), maintained by Youzan under the MIT license.

  34. 37

    mdb-ui-kit

    24.2Kmdbootstrap/mdb-ui-kit · SCSS

    MDB UI Kit is a Bootstrap 5 component library styled with Material Design: 700+ UI components — buttons, cards, modals, forms, tabs, carousels — written in plain JavaScript for building website frontends.

  35. 38

    heroicons

    23.9Ktailwindlabs/heroicons · JavaScript

    Heroicons is a set of free, hand-crafted MIT-licensed SVG icons for UI development, made by the creators of Tailwind CSS, available as plain SVG files or as first-party React and Vue component libraries.

  36. 39

    iview

    23.7Kiview/iview · Vue

    iView is a UI component library for Vue.js that provides dozens of pre-built, styled components for building web interfaces.

  37. 40

    flutter-go

    23.6Kalibaba/flutter-go · Dart

    FlutterGo is a reference/demo app built by Alibaba that showcases over 140 commonly used Flutter widgets, each with a live example screen and Chinese-language documentation.

  38. 41

    magicui

    22.7Kmagicuidesign/magicui · MDX

    Magic UI is a free, open-source UI library for design engineers: animated components and effects you copy and paste straight into your apps.

  39. 42

    react-bootstrap

    22.6Kreact-bootstrap/react-bootstrap · TypeScript

    React-Bootstrap is a library that rebuilds Bootstrap 5's UI components as native React components. It is written in TypeScript, published on npm, and lets you use the familiar Bootstrap component set directly inside a React app.

  40. 43

    react-grid-layout

    22.5Kreact-grid-layout/react-grid-layout · TypeScript

    React-Grid-Layout is a draggable and resizable grid layout system for React, similar to Packery or Gridster but with responsive breakpoints built in.

  41. 44

    blueprint

    22.2Kpalantir/blueprint · TypeScript

    Blueprint is Palantir's React-based UI toolkit for the web: a library of ready-made, Sass-styled UI components written in TypeScript and published under the Apache 2.0 license.

  42. 45

    react-native-web

    22.2Knecolas/react-native-web · JavaScript

    React Native for Web is a set of cross-platform React UI packages; this repository is the development monorepo where the react-native-web package and related projects are built.

  43. 46

    polymer

    22KPolymer/polymer · HTML

    Polymer is Google's original open-source library for building Web Components — encapsulated, reusable custom HTML elements that work just like standard HTML tags in web applications. This repo holds the current stable release, Polymer 3.0.

  44. 47

    ant-design-vue

    21.7KvueComponent/ant-design-vue · Vue

    An enterprise-class UI component library for Vue, built on the Ant Design design system — one of the most-starred Vue UI kits on GitHub with over 21,000 stars.

  45. 48

    visx

    21.1Kairbnb/visx · TypeScript

    visx is a collection of reusable low-level visualization components for React: d3 does the calculations and math, while React renders and updates the DOM. You compose charts from components instead of writing d3 selection code.

  46. 49

    fullcalendar

    20.7Kfullcalendar/fullcalendar · TypeScript

    FullCalendar is a full-sized drag & drop event calendar for the web, written in JavaScript and TypeScript. You embed it in your own site or web app to display and manage events.

  47. 50

    awesome-shadcn-ui

    20.7Kbirobirobiro/awesome-shadcn-ui · TypeScript

    A curated list of awesome things related to shadcn/ui — an index of component libraries, individual components, templates and tools from the shadcn/ui ecosystem.

  48. 51

    NativeBase

    20.4KGeekyAnts/NativeBase · TypeScript

    NativeBase is a mobile-first, accessible component library for React and React Native: nearly 40 UI components that stay consistent across Android, iOS and Web, so you can build one design system for all three.

  49. 52

    fluentui

    20.3Kmicrosoft/fluentui · TypeScript

    Fluent UI web is Microsoft's collection of utilities, React components, and web components for building web applications, and the design system behind Microsoft 365, Office, and Edge.

  50. 53

    react-email

    19.9Kresend/react-email · TypeScript

    It is a collection of high-quality, unstyled React components for building beautiful emails in React and TypeScript instead of hand-writing email HTML.

  51. 54

    primitives

    19.4Kradix-ui/primitives · TypeScript

    Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps, maintained by WorkOS.

  52. 55

    json-render

    18.7Kvercel-labs/json-render · TypeScript

    json-render is a Generative UI framework: AI generates interfaces from natural language prompts, but output is constrained to a catalog of components you define, so you keep reliability and predictability while letting AI drive the UI.

  53. 56

    naive-ui

    18.6Ktusen-ai/naive-ui · TypeScript

    Naive UI is a Vue 3 component library with 90+ UI components, theme customization, full TypeScript coverage and a focus on speed.

  54. 57

    uikit

    18.5Kuikit/uikit · HTML

    UIkit is a lightweight and modular front-end framework for building fast, powerful web interfaces with ready-made CSS and JavaScript components.

  55. 58

    bit

    18.5Kteambit/bit · TypeScript

    Bit is an open-source build system for the AI era: it organizes source code into composable, reusable components and apps. Developers and AI agents create and reuse these components via MCP, preventing code duplication.

  56. 59

    vant-weapp

    18.5Kyouzan/vant-weapp · JavaScript

    Vant Weapp is a lightweight, reliable UI component library for WeChat mini programs, open-sourced in 2017 as one of the official flavors of the Vant mobile component family.

  57. 60

    gpui-kit

    18.4Klongbridge/gpui-kit · Rust

    GPUI Kit is a Rust framework for building cross-platform desktop apps on top of GPUI (Zed Industries' UI engine), combining a styled component library, a headless behavior layer, and an extension layer that opens the app to JavaScript.

  58. 61

    react-native-guide

    17.8Kreactnativecn/react-native-guide

    A curated Chinese-language collection of React Native learning resources: tutorials, open-source apps, books, components, tools and discussion articles.

  59. 62

    vux

    17.4Kairyland/vux · Vue

    Vux is a library of mobile UI components for Vue 2, based on WeUI — the design language used across WeChat's web pages.

  60. 63

    material-components-android

    17.4Kmaterial-components/material-components-android · Java

    Material Components for Android (MDC-Android) is Google's library of modular, customizable Material Design UI components for building Android apps.

  61. 64

    react-window

    17.2Kbvaughn/react-window · TypeScript

    react-window is a React component library for efficiently rendering large lists and tabular data, avoiding the performance problems that come with rendering huge amounts of DOM elements at once.

  62. 65

    material-components-web

    17Kmaterial-components/material-components-web · TypeScript

    It's Material Components for the web (MDC Web): modular, customizable Material Design UI components built by a Google team of engineers and UX designers.

  63. 66

    plate

    16.7Kudecode/plate · TypeScript

    Plate is an open-source rich-text editor framework for React: a plugin system on top of Slate, headless Radix-based primitives, ready-made shadcn/ui components, and AI support built in.

  64. 67

    tremor-npm

    16.5Ktremorlabs/tremor-npm · TypeScript

    Tremor NPM is a set of 20+ open-source React components for building charts and dashboards, made by Tremor Labs.

  65. 68

    mint-ui

    16.4KElemeFE/mint-ui · Vue

    Mint UI is a set of ready-made mobile UI elements — interface components written for Vue 2.0 that you drop into a Vue app to build mobile web pages.

  66. 69

    material

    16.4Kangular/material · JavaScript

    AngularJS Material is a UI component library that implements Google's Material Design specification (2014-2017) for AngularJS 1.x single-page apps.

  67. 70

    Valdi

    16.4KSnapchat/Valdi · C++

    Valdi is a cross-platform UI framework from Snap: write your UI once in declarative TypeScript, and it compiles directly to native views on iOS, Android, and macOS.

  68. 71

    MaterialDesignInXamlToolkit

    16.3KMaterialDesignInXAML/MaterialDesignInXamlToolkit · C#

    Google's Material Design brought to WPF: an open-source theme and control library for Windows desktop apps written in C# or VB.Net. It restyles all major WPF controls and adds Material-flavored extras.

  69. 72

    react-spectrum

    16Kadobe/react-spectrum · TypeScript

    Adobe's open-source collection of libraries and tools for building adaptive, accessible, and robust user experiences with React.

  70. 73

    react-jsonschema-form

    15.9Krjsf-team/react-jsonschema-form · TypeScript

    It is a React component that builds complete web forms from a JSON Schema: you describe your fields declaratively and it renders and validates the form for you.

  71. 74

    shadcn-admin

    15.8Ksatnaing/shadcn-admin · TypeScript

    An open-source admin dashboard UI built with Shadcn UI (TailwindCSS + Radix) and Vite — a reusable collection of dashboard screens the author adapts for his own projects.

  72. 75

    weui-wxss

    15.3KTencent/weui-wxss · Less

    WeUI for Mini Programs is a basic WXSS/CSS style library that matches WeChat's native visual look, designed by WeChat's own design team for WeChat web pages and Mini Programs.

  73. 76

    awesome-tailwindcss

    15.2Kaniftyco/awesome-tailwindcss

    A curated list of resources for Tailwind CSS: official links, IDE extensions, tools, UI libraries/components/templates, and plugins.

  74. 77

    riot

    14.9Kriot/riot · JavaScript

    Riot is a lightweight component-based UI library that brings custom components (custom tags) to all modern browsers, aiming to give you everything you wished the native Web Components API provided, with a tiny footprint and simple API.

  75. 78

    marko

    14.5Kmarko-js/marko · JavaScript

    Marko is a declarative, HTML-based language for building dynamic, reactive user interfaces. It extends plain HTML with components, conditionals, loops, and a built-in reactivity system.

  76. 79

    primevue

    14.4Kprimefaces/primevue · Vue

    PrimeVue is a Vue UI component library from PrimeTek: ready-made components like tables, trees, datepickers and selects that you drop into Vue web apps. It has been downloaded hundreds of millions of times.

  77. 80

    react-native-gifted-chat

    14.4KFaridSafi/react-native-gifted-chat · TypeScript

    react-native-gifted-chat is a highly customizable chat UI component library for React Native, with built-in support for React Native Web and Expo. It ships with avatars, typing indicators, emoji reactions, quick replies, and more out of the box.

  78. 81

    mitosis

    14.4KBuilderIO/mitosis · TypeScript

    Mitosis is a compiler that lets you write a UI component once and compile it to native code for React, Vue, Angular, Svelte, Solid, Qwik, Alpine, and other frameworks.

  79. 82

    bootstrap-vue

    14.4Kbootstrap-vue/bootstrap-vue · JavaScript

    BootstrapVue — a Vue.js component library that turns Bootstrap UI elements and icons into accessible Vue components. The repo now serves mainly as a signpost to its successor, bootstrap-vue-next.

  80. 83

    tamagui

    14.3Ktamagui/tamagui · TypeScript

    Tamagui is a set of TypeScript libraries for styling React apps: a universal style library, an optimizing compiler, and an optional UI kit that let you share UI code across web and React Native.

  81. 84

    bootstrap

    14.1Kangular-ui/bootstrap · JavaScript

    UI Bootstrap is a library of native AngularJS directives that implement Bootstrap components, so you get accordions, modals, tooltips and more without needing jQuery or the Bootstrap JS file.

  82. 85

    Spring

    14.1KMengTo/Spring · Swift

    Spring is a Swift library for iOS that adds ready-made view animations (shake, pop, swing, flip, slide, fade, zoom and more) you can trigger from code or wire up directly in Storyboard.

  83. 86

    shoelace

    13.8Kshoelace-style/shoelace · TypeScript

    Shoelace is a forward-thinking library of web components — ready-made UI building blocks you can drop into any web page or app. The project has since been sunset in favor of its successor, Web Awesome.

  84. 87

    astryx

    13.7Kfacebook/astryx · TypeScript

    Astryx is an open source, agent-ready design system built inside Meta over eight years, offering 150+ accessible React components, brand theming, dark mode, ready-made templates, and a CLI as one cohesive system.

  85. 88

    galaxy

    13.6Kuiverse-io/galaxy · HTML

    Galaxy is an open-source archive of over 3000 unique UI elements (buttons, cards, loaders, checkboxes, etc.) built with CSS or Tailwind, automatically mirrored from the community-driven Uiverse.io platform.

  86. 89

    opentui

    13.6Kanomalyco/opentui · TypeScript

    OpenTUI is a library for building terminal user interfaces — interactive, text-mode apps that run in the terminal, written in TypeScript.

  87. 90

    puck

    13.5Kpuckeditor/puck · TypeScript

    Puck is a modular, open-source visual editor for React.js that lets you build custom drag-and-drop editing experiences using your own React components.

  88. 91

    Android-PickerView

    13.4KBigkoo/Android-PickerView · Java

    Android-PickerView is a UI library for Android that mimics iOS-style picker wheels, providing a TimePickerView for date/time selection and an OptionsPickerView for single-, two-, or three-level cascading option selection like province-city-district pickers.

  89. 92

    Semantic-UI-React

    13.2KSemantic-Org/Semantic-UI-React · JavaScript

    The official Semantic UI integration for React: a library of ready-made UI components you compose in a React app. It is MIT-licensed and the repo has about 13,000 stars.

  90. 93

    TW-Elements

    13.2Kmdbootstrap/TW-Elements · JavaScript

    TW Elements is a huge, free collection of 500+ Tailwind CSS UI components and 117+ design blocks (forms, cards, navbars, modals, carousels and more) that you can drop into any project.

  91. 94

    core

    13.1Kstenciljs/core · TypeScript

    Stencil is a compiler that generates standards-based Web Components using TypeScript and JSX, letting you build a single component library that works natively in React, Angular, Vue, and plain web apps.

  92. 95

    sonner

    13.1Kemilkowalski/sonner · TypeScript

    Sonner is an opinionated toast component for React that lets you show notification messages from anywhere in your app.

  93. 96

    cmdk

    13Kdip/cmdk · TypeScript

    cmdk (⌘K) is a fast, unstyled React component for building command menus, and it can also work as an accessible combobox. You give it items and it filters and sorts them automatically.

  94. 97

    awesome-github-vue

    12.8Kopendigg/awesome-github-vue

    A curated Chinese-language list of Vue.js open-source projects, maintained by OpenDigg, covering UI components, frameworks, utility libraries, server-side rendering tools, helper tools, and real-world app examples.

  95. 98

    vue-awesome-swiper

    12.8Ksurmon-china/vue-awesome-swiper · JavaScript

    vue-awesome-swiper is a Vue wrapper around the Swiper carousel/slider library, letting you drop a 'swiper' and 'swiper-slide' component into a Vue app. The project is now deprecated and archived in favor of the official Swiper Vue component.

  96. 99

    tui.calendar

    12.7Knhn/tui.calendar · TypeScript

    TOAST UI Calendar is a full-featured JavaScript calendar component that renders monthly, weekly, and daily views with drag-and-drop scheduling, provided as a plain JS library plus official React and Vue wrapper components.

  97. 100

    react-icons

    12.7Kreact-icons/react-icons · TypeScript

    It's an npm library for React projects that packages 31 popular icon packs — Font Awesome, Material Design, Bootstrap Icons, Phosphor and more — as SVG React components you pull in with ES6 imports.

Showing the 100 most-starred of 184. See every one in the catalog.

Often tagged together