Topics / #react-components

React-components projects on GitHub

Reusable UI component libraries for the React framework

As of , the most-starred React-components projects on GitHub are material-ui (99.2K stars), awesome-react (75K stars) and react-bits (49.6K stars). GitHub.Locker tracks 43 React-components repositories with 839.8K stars combined. The fastest-growing on October 18 was react-bits, with +104 stars in a day.

43Projects
839.8KStars in total
+361Stars in a day
Browse in the catalog →github.com/topics/react-components ↗

Hot right now

Most stars gained in a day · Oct 18

+104

react-bits

DavidHDev/react-bits · ★ 49.6K

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.

+79

shaders

shader-effects-inc/shaders · ★ 5.1K

Shaders is a library of 200+ WebGPU visual effects (gradients, noise, glass, metal, light, distortions, transitions, blurs, cursor effects) shipped as ready-to-use components for React, Vue, Svelte, Solid and plain JavaScript.

+28

awesome-react

enaqx/awesome-react · ★ 75K

A curated list of resources, libraries, and tools for the React and React Native ecosystem, covering everything from frameworks to testing utilities.

+24

magicui

magicuidesign/magicui · ★ 22.7K

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

The all-time top

43 projects · by stars

  1. #1 · mui/material-ui

    material-ui

    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.

    99.2K
  2. #2 · enaqx/awesome-react

    awesome-react

    A curated list of resources, libraries, and tools for the React and React Native ecosystem, covering everything from frameworks to testing utilities.

    75K
  3. #3 · DavidHDev/react-bits

    react-bits

    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.

    49.6K
  1. 4

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

  2. 5

    react

    47.1Ktypescript-cheatsheets/react · TypeScript

    A maintained cheatsheet for experienced React developers adopting TypeScript, packed with opinionated best practices and copy-pastable examples you can drop straight into your code.

  3. 6

    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.

  4. 7

    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.

  5. 8

    react-spring

    29.2Kpmndrs/react-spring · TypeScript

    react-spring is a spring-physics-based animation library for React, letting you animate values fluidly instead of using fixed-duration easing curves.

  6. 9

    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.

  7. 10

    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.

  8. 11

    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.

  9. 12

    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.

  10. 13

    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.

  11. 14

    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.

  12. 15

    enzyme

    19.8Kenzymejs/enzyme · JavaScript

    Enzyme is a JavaScript testing utility for React that makes it easier to test your React Components' output — you can also manipulate, traverse, and in some ways simulate runtime given the output.

  13. 16

    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.

  14. 17

    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.

  15. 18

    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.

  16. 19

    react-markdown

    15.9Kremarkjs/react-markdown · JavaScript

    A React component that takes a string of markdown and safely renders it as React elements. It is built on the unified ecosystem, using remark for markdown and rehype for HTML.

  17. 20

    ag-grid

    15.6Kag-grid/ag-grid · TypeScript

    AG Grid is a fully-featured, highly customizable JavaScript data grid for building tables with sorting, filtering, pagination, editing and more, with no third-party dependencies.

  18. 21

    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.

  19. 22

    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.

  20. 23

    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.

  21. 24

    redux-form

    12.5Kredux-form/redux-form · JavaScript

    Redux Form is a higher-order component for React that uses react-redux to keep all of your form state in a Redux store instead of in local component state.

  22. 25

    ant-design-mobile

    12.1Kant-design/ant-design-mobile · TypeScript

    Ant Design Mobile is a React component library that provides essential UI blocks for building mobile web apps.

  23. 26

    react-slick

    11.9Kakiran/react-slick · JavaScript

    react-slick is a carousel component for React, built as a React port of the popular Slick Carousel library.

  24. 27

    victory

    11.2KFormidableLabs/victory · TypeScript

    Victory is a collection of composable React components for building interactive data visualizations like charts and graphs.

  25. 28

    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.

  26. 29

    react-styleguidist

    11.1Kstyleguidist/react-styleguidist · TypeScript

    React Styleguidist is a component development environment with a hot-reloaded dev server and a living style guide you can share with your team. It lists component propTypes and shows live, editable usage examples pulled from Markdown files.

  27. 30

    react-dropzone

    11Kreact-dropzone/react-dropzone · TypeScript

    react-dropzone is a React hook that turns any element into an HTML5-compliant drag-and-drop zone for files, handling the browser drag events and file selection for you.

  28. 31

    react-hot-toast

    11Ktimolins/react-hot-toast · TypeScript

    react-hot-toast is a lightweight notification (toast) library for React apps, giving you customizable, beautiful-by-default popup messages out of the box.

  29. 32

    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.

  30. 33

    react-player

    10.3Kcookpete/react-player · TypeScript

    A React component that plays media from many sources through one component and a single src prop — file paths, HLS and DASH streams, Mux, YouTube, Vimeo, Wistia and more.

  31. 34

    react-transition-group

    10.2Kreactjs/react-transition-group · JavaScript

    react-transition-group is a set of React components for managing component states, including mounting and unmounting, over time, specifically designed with animation in mind.

  32. 35

    shaders

    5.1Kshader-effects-inc/shaders · TypeScript

    Shaders is a library of 200+ WebGPU visual effects (gradients, noise, glass, metal, light, distortions, transitions, blurs, cursor effects) shipped as ready-to-use components for React, Vue, Svelte, Solid and plain JavaScript.

  33. 36

    Libraries.dev

    4.3KJakubantalik/Libraries.dev · TypeScript

    Libraries.dev is a monorepo of seven React UI libraries for building animated AI-agent interfaces: border beam, thinking orbs, bot avatars, liquid gooey shapes, voice glow, liquid metal, and an image mosaic loader.

  34. 37

    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.

  35. 38

    arc-library

    820kuratlielia/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.

  36. 39

    boardui

    632BoardUI/boardui · TypeScript

    BoardUI is a React design system for agentic interfaces: UI pieces an AI product needs (chat, thinking indicators, agent logs) plus the usual dashboard pieces (tables, cards, forms), delivered as source files you copy into your own project.

  37. 40

    robot-heads

    366fayazara/robot-heads · TypeScript

    robot-heads is a React component library that renders animated, TV-headed robot avatars with LED-matrix faces showing what an AI agent is currently doing — thinking, searching, listening, speaking and more.

  38. 41

    plasma-ui

    298CruxGarden/plasma-ui · TypeScript

    Plasma UI is a React library for liquid glass panels rendered in WebGL on canvas, inspired by Apple's Liquid Glass design. The panels behave like liquid, fuse with each other on contact, and refract whatever is visible behind them.

  39. 42

    morphlet

    245rit3zh/morphlet · TypeScript

    Morphlet is a native, morphing floating tray component for React Native, letting you build an animated tray that transitions between views like an iOS sheet.

  40. 43

    Monocharts

    189Subhan-code/Monocharts · TypeScript

    It is a curated collection of premium React micro-interaction components, transition effects, and animated card layouts (named @subhanhq/amicro), built on top of the Motion animation library.

Often tagged together