Topics / #ui-components

UI components projects on GitHub

Ready-made interface component kits for building consistent UIs.

As of , the most-starred UI components projects on GitHub are bootstrap (174.9K stars), ui-ux-pro-max-skill (136.6K stars) and ui (125.8K stars). GitHub.Locker tracks 294 UI components repositories with 5.9M stars combined. The fastest-growing on October 16 was solid-glass, with +393 stars in a day.

294Projects
5.9MStars in total
+2.3KStars in a day

Hot right now

Most stars gained in a day · Oct 16

The all-time top

Top 100 of 294 · by stars

  1. #1 · twbs/bootstrap

    bootstrap

    Bootstrap is the most popular HTML, CSS, and JavaScript front-end framework for building responsive, mobile-first projects on the web — ready-made styles and components that speed up development.

    174.9K
  2. #2 · nextlevelbuilder/ui-ux-pro-max-skill

    ui-ux-pro-max-skill

    UI UX Pro Max is an AI skill that gives coding assistants design intelligence — industry-specific style, color, typography and UX reasoning rules — so they can generate professional UI/UX across many frameworks and platforms.

    136.6K
  3. #3 · 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.

    125.8K
  1. 4

    angular

    101.1Kangular/angular · TypeScript

    Angular is a development platform for building mobile and desktop web applications using TypeScript/JavaScript.

  2. 5

    ant-design

    99.8Kant-design/ant-design · TypeScript

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

  3. 6

    material-ui

    99.2Kmui/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.

  4. 7

    Font-Awesome

    77KFortAwesome/Font-Awesome · JavaScript

    Font Awesome is an icon toolkit that ships icons as SVG, icon fonts, and CSS, used by millions of designers and developers to add scalable icons to websites and apps.

  5. 8

    awesome-vue

    73.5Kvuejs/awesome-vue

    A curated list of resources, tutorials, components, and tools related to the Vue.js JavaScript framework.

  6. 9

    echarts

    67.5Kapache/echarts · TypeScript

    Apache ECharts is a free, powerful charting and data visualization library for browsers, written in pure JavaScript, used to add interactive and highly customizable charts to products.

  7. 10

    design-resources-for-developers

    67.2Kbradtraversy/design-resources-for-developers

    A curated list of design and UI resources for developers, covering stock photos, templates, CSS frameworks, UI libraries, icons, fonts, color tools and more.

  8. 11

    awesome-flutter

    61.5KSolido/awesome-flutter · Dart

    A curated (awesome) list of the best Flutter libraries, tools, tutorials, articles, and resources for building apps with Flutter.

  9. 12

    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.

  10. 13

    core

    54.7Kvuejs/core · TypeScript

    This is the core repository of Vue.js, a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  11. 14

    material-design-icons

    54.1Kgoogle/material-design-icons

    This is Google's official repository of Material Design icons, offering two icon sets: Material Symbols (the current, actively updated set) and Material Icons (the classic set, no longer updated since 2022).

  12. 15

    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.

  13. 16

    ionic-framework

    52.7Kionic-team/ionic-framework · TypeScript

    Ionic is an open source app development toolkit for building modern, fast, top-quality apps with JavaScript and the Web.

  14. 17

    Semantic-UI

    51KSemantic-Org/Semantic-UI · JavaScript

    Semantic UI is a UI component framework that provides 50+ themeable UI elements (buttons, dropdowns, popups, etc.) using human-friendly, descriptive HTML class names.

  15. 18

    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.

  16. 19

    react-bits

    49.5KDavidHDev/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.

  17. 20

    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).

  18. 21

    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.

  19. 22

    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.

  20. 23

    swiper

    41.9Knolimits4web/swiper · TypeScript

    Swiper is a free open-source mobile touch slider with hardware accelerated transitions and native-like feel, made for mobile websites, mobile web apps and native/hybrid apps.

  21. 24

    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.

  22. 25

    styled-components

    41.1Kstyled-components/styled-components · TypeScript

    A CSS-in-JS library for React: styles are written in JavaScript and turned into styled components, with one API across server components, client components, streaming SSR and React Native.

  23. 26

    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.

  24. 27

    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.

  25. 28

    preact

    38.9Kpreactjs/preact · JavaScript

    Preact is a fast, 3kB alternative to React that implements the same modern API, including Components and Virtual DOM.

  26. 29

    ant-design-pro

    38.9Kant-design/ant-design-pro · TypeScript

    Ant Design Pro is an out-of-the-box UI boilerplate for building enterprise admin applications, built on top of Ant Design and React.

  27. 30

    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.

  28. 31

    xyflow

    38.7Kxyflow/xyflow · TypeScript

    xyflow is a monorepo of open source libraries for building node-based UIs (flowcharts, diagrams, pipeline editors) — React Flow for React and Svelte Flow for Svelte.

  29. 32

    MPAndroidChart

    38.2KPhilJay/MPAndroidChart · Kotlin

    MPAndroidChart is a chart/graph view library for Android that supports line, bar, pie, radar, bubble, and candlestick charts, plus scaling, panning, and animations.

  30. 33

    textual

    37.5KTextualize/textual · Python

    Textual is a lean application framework for Python: you build text-based user interfaces with a simple Python API, and the finished apps run both in the terminal and in a web browser.

  31. 34

    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.

  32. 35

    awesome-react-native

    35.7Kjondot/awesome-react-native

    A curated list of the best libraries, tools, and learning resources for building React Native apps, organized by category from components to deployment.

  33. 36

    backstage

    34.6Kbackstage/backstage · TypeScript

    An open source framework for building developer portals — one centralized place for your microservices, infrastructure tooling and documentation. Originally built at Spotify, now hosted by the CNCF.

  34. 37

    react-beautiful-dnd

    33.9Katlassian/react-beautiful-dnd · JavaScript

    A React library for building beautiful, accessible drag and drop interactions for lists, supporting vertical and horizontal lists, movement between lists, and nested lists.

  35. 38

    vue-vben-admin

    33.6Kvbenjs/vue-vben-admin · TypeScript

    Vue Vben Admin is a free, open-source middle and back-end admin panel template built with Vue3, Vite, TypeScript, and a monorepo structure, meant to be used out-of-the-box or as a learning reference.

  36. 39

    floating-ui

    32.8Kfloating-ui/floating-ui · TypeScript

    Floating UI is a small JavaScript library for creating floating elements like tooltips, popovers, and dropdowns, and for wiring up their user interactions.

  37. 40

    filament

    32.3Kfilamentphp/filament · PHP

    Filament is an open-source UI framework for Laravel that lets you build apps and admin panels quickly, using a set of reusable, state-aware UI building blocks on top of Livewire.

  38. 41

    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.

  39. 42

    editor.js

    32Kcodex-team/editor.js · TypeScript

    A free, open-source, block-style text editor for the web: writers compose content from blocks like text, images, lists and quotes, and it saves the result as clean JSON instead of heavy HTML markup.

  40. 43

    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.

  41. 44

    android-open-project

    31.8KTrinea/android-open-project

    A large categorized collection of notable Android open source projects and libraries, organized by category like views, utility libraries, dev tools, and outstanding developers to help Android developers find reusable components.

  42. 45

    egui

    31.5Kemilk/egui · Rust

    egui (pronounced 'e-gooey') is a simple, fast and highly portable immediate mode GUI library written in pure Rust. It runs on the web, natively on desktop, and inside game engines.

  43. 46

    Sortable

    31.2KSortableJS/Sortable · JavaScript

    Sortable is a standalone JavaScript library that turns ordinary lists into reorderable drag-and-drop lists, working in modern browsers and on touch devices.

  44. 47

    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.

  45. 48

    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.

  46. 49

    yeti

    29.8Kfoundation/yeti · JavaScript

    Yeti is a CSS-first, native, zero-build layout and styling framework for web designers, made by Foundation. It is the successor to Foundation for Sites - version 6 continues on the v6 branch with bug fixes and keeps shipping to npm as foundation-sites 6.x.

  47. 50

    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.

  48. 51

    slick

    28.5Kkenwheeler/slick · JavaScript

    Slick is a jQuery carousel/slider plugin that handles touch swipe, responsive breakpoints, fade transitions, lazy loading, and more out of the box.

  49. 52

    react-select

    28KJedWatson/react-select · TypeScript

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

  50. 53

    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.

  51. 54

    recharts

    27.6Krecharts/recharts · TypeScript

    Recharts is a charting library for React that lets you build charts out of composable React components, built on top of D3 for calculations and native SVG for rendering.

  52. 55

    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.

  53. 56

    codemirror5

    27.2Kcodemirror/codemirror5 · JavaScript

    CodeMirror 5 is an in-browser code editor written in JavaScript, built for editing code with syntax highlighting and a rich API. This repo is the legacy version 5, now archived in favor of CodeMirror 6.

  54. 57

    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.

  55. 58

    react-virtualized

    27.1Kbvaughn/react-virtualized · JavaScript

    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.

  56. 59

    react-admin

    27Kmarmelab/react-admin · TypeScript

    A frontend framework for building single-page applications in the browser on top of REST or GraphQL APIs, using TypeScript, React and Material Design. Open sourced and maintained by marmelab.

  57. 60

    nprogress

    26.3Krstacruz/nprogress · JavaScript

    NProgress is a minimalist JavaScript library that shows a slim progress bar at the top of the page, like the ones on YouTube or Medium, to indicate loading during Ajax requests or page transitions.

  58. 61

    awesome-design-systems

    26.1Kalexpate/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.

  59. 62

    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.

  60. 63

    ngx-admin

    25.7Kakveo/ngx-admin · TypeScript

    ngx-admin is a customizable admin dashboard template built on Angular 10+. It gives you a ready-made, responsive dashboard front end that you adapt into your own admin panel, with a live demo and docs to check before installing.

  61. 64

    SDWebImage

    25.6KSDWebImage/SDWebImage · Objective-C

    SDWebImage is an asynchronous image downloader with memory and disk caching for Apple apps, integrated as a category on UI elements like UIImageView and UIButton — you give it a URL and it loads, caches and displays the image.

  62. 65

    PhotoSwipe

    25.3Kdimsemenov/PhotoSwipe · JavaScript

    PhotoSwipe is a JavaScript image gallery and lightbox for mobile and desktop — modular, framework-independent code you add to your own web pages.

  63. 66

    lucide

    25.1Klucide-icons/lucide · TypeScript

    Lucide is an open-source icon library with 1600+ vector (svg) files, made by the community as a fork of Feather Icons, for use in digital and non-digital projects.

  64. 67

    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.

  65. 68

    BaseRecyclerViewAdapterHelper

    24.6KCymChad/BaseRecyclerViewAdapterHelper · Kotlin

    BRVAH (BaseRecyclerViewAdapterHelper) is a powerful and flexible RecyclerView Adapter library for Android — a popular open-source project started in 2016 with about 24.6k stars.

  66. 69

    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.

  67. 70

    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.

  68. 71

    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.

  69. 72

    pure

    23.7Kpure-css/pure · JavaScript

    Pure is a set of small, responsive CSS modules you can drop into any website or web app: a responsive grid, styled buttons, menus, forms and tables on a minimalist, easy-to-customize base.

  70. 73

    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.

  71. 74

    livewire

    23.6Klivewire/livewire · PHP

    Livewire is a full-stack framework for Laravel for building dynamic UI components. The idea is that you write the interactivity in PHP instead of switching to JavaScript.

  72. 75

    docz

    23.6Kpedronauck/docz · TypeScript

    Docz is a documentation tool: you write MDX files showcasing your code, and it turns them into a live-reloading, production-ready documentation site.

  73. 76

    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.

  74. 77

    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.

  75. 78

    draft-js

    22.6Kfacebookarchive/draft-js · JavaScript

    It is a JavaScript rich text editor framework built for React and backed by an immutable model — a way to build rich text editing into web apps.

  76. 79

    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.

  77. 80

    tabler-icons

    22.3Ktabler/tabler-icons · JavaScript

    Tabler Icons is a collection of over 6200 free, MIT-licensed SVG icons for web projects, every icon drawn on a 24x24 grid with a 2px stroke.

  78. 81

    sweetalert

    22.2Kt4t5/sweetalert · TypeScript

    SweetAlert is a drop-in replacement for JavaScript's native alert() that shows beautiful popups - error messages, warning dialogs and prompt modals - on web pages.

  79. 82

    react-native-web

    22.1Knecolas/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.

  80. 83

    blueprint

    22.1Kpalantir/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.

  81. 84

    handsontable

    22.1Khandsontable/handsontable · TypeScript

    Handsontable is a JavaScript data grid component with a spreadsheet-like look and feel: you embed it in a web app so users can enter, edit, validate, and process tabular data.

  82. 85

    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.

  83. 86

    chosen

    21.9Kharvesthq/chosen · HTML

    Chosen is a JavaScript library for making long, unwieldy select boxes more user-friendly. You include it in a web page and it upgrades standard HTML select elements.

  84. 87

    wechat-app-mall

    21.9KEastWorld/wechat-app-mall · JavaScript

    This is an open-source WeChat Mini Program e-commerce mall/storefront template that has been maintained long-term, now including support for live-streaming sales.

  85. 88

    lit

    21.8Klit/lit · TypeScript

    Lit is a small open-source library for building fast, lightweight web components — reusable custom HTML elements that work in any modern browser or alongside any framework.

  86. 89

    NES.css

    21.8Knostalgic-css/NES.css · SCSS

    NES.css is a CSS framework that styles HTML components with a NES (Famicom) 8-bit retro-game look, as if your web page were a game on the old console.

  87. 90

    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.

  88. 91

    react-dnd

    21.6Kreact-dnd/react-dnd · TypeScript

    React DnD is a library for building drag-and-drop interfaces in React web apps. The repo sums itself up in one line: 'Drag and Drop for React'.

  89. 92

    gentelella

    21.6KColorlibHQ/gentelella · HTML

    Gentelella is a free, open-source admin dashboard template: 58 production-ready HTML pages for SaaS dashboards, CRM systems, internal tools and e-commerce backends, built with vanilla JavaScript, SCSS and Vite 8. MIT-licensed.

  90. 93

    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.

  91. 94

    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.

  92. 95

    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.

  93. 96

    Vue.Draggable

    20.6KSortableJS/Vue.Draggable · JavaScript

    A Vue component that adds drag-and-drop to your lists and keeps the view-model array in sync — it wraps Sortable.js and supports all of its features. For Vue 1.0 it works as a directive instead.

  94. 97

    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.

  95. 98

    vue-admin-template

    20.4KPanJiaChen/vue-admin-template · JavaScript

    A minimal admin dashboard template for Vue 2 by PanJiaChen: a ready frontend skeleton with Element UI components, axios, iconfont icons, permission control and lint, meant as a starting point for your own admin panel.

  96. 99

    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.

  97. 100

    trix

    20Kbasecamp/trix · JavaScript

    Trix is a free, open-source WYSIWYG rich text editor for web applications, built by 37signals (the creators of Ruby on Rails) and used in Basecamp. It is made for everyday writing: messages, comments, articles, and lists.

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

Often tagged together