Topics / #components

Components projects on GitHub

Reusable UI components and component libraries for frontend development.

As of , the most-starred Components projects on GitHub are react (251.2K stars), vue (212.6K stars) and bootstrap (174.9K stars). GitHub.Locker tracks 56 Components repositories with 2.1M stars combined. The fastest-growing on October 16 was react-bits, with +94 stars in a day.

56Projects
2.1MStars in total
+469Stars in a day
Browse in the catalog →github.com/topics/components ↗

Hot right now

Most stars gained in a day · Oct 16

+94

react-bits

DavidHDev/react-bits · ★ 49.5K

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.

+53

ui

shadcn-ui/ui · ★ 125.8K

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.

+52

react

react/react · ★ 251.2K

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.

+26

next.js

vercel/next.js · ★ 143.1K

Next.js is Vercel's 'The React Framework': a framework for building web applications with React, and this repository holds its source code.

The all-time top

56 projects · 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.2K
  2. #2 · vuejs/vue

    vue

    This is the repository for Vue 2, a progressive JavaScript framework for building user interfaces.

    212.6K
  3. #3 · 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
  1. 4

    next.js

    143.1Kvercel/next.js · JavaScript

    Next.js is Vercel's 'The React Framework': a framework for building web applications with React, and this repository holds its source code.

  2. 5

    ui

    125.8Kshadcn-ui/ui · TypeScript

    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.

  3. 6

    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.

  4. 7

    astro

    63.3Kwithastro/astro · TypeScript

    Astro is a free, open source web framework for building content-driven websites — blogs and other content-heavy sites — with a powerful developer experience and a lightweight output.

  5. 8

    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.

  6. 9

    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.

  7. 10

    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.

  8. 11

    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.

  9. 12

    preact

    38.9Kpreactjs/preact · JavaScript

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

  10. 13

    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.

  11. 14

    symfony

    31.2Ksymfony/symfony · PHP

    Symfony is a PHP framework for building web and console applications, plus a set of reusable PHP components. It is used by thousands of web applications and most of the popular PHP projects.

  12. 15

    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.

  13. 16

    Hover

    29.4KIanLunn/Hover · SCSS

    Hover.css is a collection of ready-made CSS3 hover effects for links, buttons, logos, SVG, and featured images that you can apply, tweak, or just use as inspiration.

  14. 17

    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.

  15. 18

    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.

  16. 19

    SmartRefreshLayout

    25.1Kscwang90/SmartRefreshLayout · Java

    SmartRefreshLayout is an Android pull-to-refresh framework: wrap any scrollable view with it to get pull-down-to-refresh and pull-up-to-load-more, with dozens of polished animated headers and footers built in.

  17. 20

    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.

  18. 21

    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.

  19. 22

    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.

  20. 23

    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.

  21. 24

    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.

  22. 25

    ember.js

    22.6Kemberjs/ember.js · TypeScript

    Ember.js is a JavaScript framework for creating ambitious web applications, built to cut the time, effort and resources any web project needs.

  23. 26

    wepy

    22.5KTencent/wepy · JavaScript

    WePY is a framework for component-based development of WeChat Mini Programs: you write code in your preferred style and pre-compilation turns it into mini program code. It adds Promises, async functions and other conveniences to make mini program development simpler and more efficient.

  24. 27

    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.

  25. 28

    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.

  26. 29

    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.

  27. 30

    mpvue

    20.2KMeituan-Dianping/mpvue · JavaScript

    mpvue is a front-end framework for building mini programs with Vue.js — a fork of vuejs/vue (2.4.1) with its runtime and compiler adapted to the mini program environment.

  28. 31

    mdx

    19.8Kmdx-js/mdx · JavaScript

    MDX is an authorable format that lets you seamlessly write JSX in your markdown documents — import components like interactive charts or alerts and embed them right in the content.

  29. 32

    framework7

    18.8Kframework7io/framework7 · JavaScript

    Framework7 is a free, MIT-licensed HTML framework for building mobile apps with a native look and feel for iOS and Android.

  30. 33

    wangEditor

    18.3Kwangeditor-team/wangEditor · TypeScript

    wangEditor is an open-source WYSIWYG rich text editor for the web, currently at version 5. It is built to work out of the box with simple configuration.

  31. 34

    css-modules

    18Kcss-modules/css-modules

    CSS Modules are CSS files where class names and animation names are scoped locally by default. This repository is the project's documentation rather than an implementation.

  32. 35

    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.

  33. 36

    pico

    16.8Kpicocss/pico · CSS

    Pico is a minimal CSS framework for semantic HTML: one stylesheet that makes plain HTML elements responsive and elegant by default. MIT-licensed and built around writing HTML, not classes.

  34. 37

    amphtml

    14.9Kampproject/amphtml · JavaScript

    AMP is a web component framework for easily creating user-first websites, stories, ads, emails and more.

  35. 38

    QMUI_Android

    14.5KTencent/QMUI_Android · Java

    An open-source UI library from Tencent that helps you quickly build Android apps with a design-faithful look, so you spend your time on business logic instead of writing base UI code.

  36. 39

    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.

  37. 40

    nivo

    14.1Kplouc/nivo · TypeScript

    nivo is a React component library for building data visualizations, built on top of d3 with support for SVG, HTML and Canvas rendering.

  38. 41

    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.

  39. 42

    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.

  40. 43

    omi

    13.3KTencent/omi · TypeScript

    Omi is a lightweight Web Components framework from Tencent that adds JSX, function components, routing, suspense, directives and signal-driven reactivity on top of native custom elements and Shadow DOM.

  41. 44

    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.

  42. 45

    primeng

    12.5Kprimefaces/primeng · TypeScript

    PrimeNG is an open-source Angular UI component library from PrimeTek — a large set of ready-made interface components (data tables, charts and more) for building web apps. It now continues as part of PrimeUI.

  43. 46

    hyperui

    12.3Kmarkmead/hyperui · Astro

    HyperUI is a free, open-source collection of Tailwind CSS components for marketing sites, web apps, and eCommerce projects, browsable at hyperui.dev.

  44. 47

    fprime

    11.8Knasa/fprime · C++

    F ́ (F Prime) is a component-driven flight software framework originally built at NASA's Jet Propulsion Laboratory for spaceflight and other embedded systems, including CubeSats, SmallSats, and instruments.

  45. 48

    jquery-ui

    11.3Kjquery/jquery-ui · JavaScript

    jQuery UI is the official user interface library for jQuery: a curated set of interactions, effects, widgets, and themes layered on top of jQuery.

  46. 49

    base-ui

    11.2Kmui/base-ui · TypeScript

    Base UI is an open-source, unstyled React component library for building accessible user interfaces and design systems, created by the team behind Radix, Floating UI, and Material UI.

  47. 50

    MudBlazor

    10.6KMudBlazor/MudBlazor · C#

    MudBlazor is a Material Design component framework for Blazor, the .NET web UI stack: ready-made UI components so you can build web apps without wrestling with CSS and JavaScript.

  48. 51

    reactstrap

    10.5Kreactstrap/reactstrap · JavaScript

    reactstrap is a library of stateless React components for Bootstrap 5 — you build Bootstrap-styled interfaces from React code instead of Bootstrap's markup plus jQuery.

  49. 52

    awesome-angular

    10.1KPatrickJS/awesome-angular · HTML

    A curated list of Angular resources: one GitHub README that collects the most interesting libraries, tools and learning material from across the Angular ecosystem.

  50. 53

    cult-ui

    6.6Knolly-studio/cult-ui · TypeScript

    Cult UI is a free, open-source collection of 150+ animated React components built with Tailwind CSS and Motion, distributed as shadcn/ui registry items so you can drop them straight into any shadcn/ui project.

  51. 54

    canvas-ui

    5KDavidHDev/canvas-ui · TypeScript

    Canvas UI is an open-source library of creative canvas components for building live, interactive web effects. Each component draws fluid simulations, shader effects, or 3D scenes directly over your real, still-clickable HTML.

  52. 55

    rare-ui

    1.8Kswamimalode07/rare-ui · TypeScript

    Rare UI is a shadcn registry of rare, ready-to-use UI components and animations that you install directly into your Next.js, Tailwind CSS and TypeScript codebase.

  53. 56

    arc-library

    797kuratlielia/arc-library · TypeScript

    A free, open source library of 100 React components and 22 blocks with calm, physical motion. Items install as plain source code via the shadcn CLI or copy-paste, and every one has a live preview at uiarc.dev.

Often tagged together