JavaScript react-components

Open-source JavaScript projects categorized as react-components

Top 23 JavaScript react-component Projects

react-components
  1. Material UI

    Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

    Project mention: Show HN: Typique – a bundler-independent, zero-runtime CSS-in-TS library | news.ycombinator.com | 2026-01-07

    Hi HN! I’ve been following zero-runtime CSS-in-JS/TS libraries for a while and noticed that most of them end up overwhelmed by bundler compatibility issues. A good summary of these problems is in the final status report [1] of Pigment CSS — MUI’s attempt in this space.

    As someone working on TypeScript tooling, I started wondering whether this problem could be approached from a different angle: instead of relying on bundler plugins, use TypeScript types to define styles, and TypeScript tooling to provide locally scoped class and CSS variable names.

    This led to Typique — a library built as a TypeScript plugin. It provides IDE integration (completion, diagnostics, quick fixes) and emits plain CSS without any dependence on bundler or framework. It’s early, but already usable; I’ve been using it in a couple of personal projects.

    Feedback, questions, and skepticism are very welcome. Thanks for reading.

    [1] https://github.com/mui/material-ui/issues/45759#issuecomment...

  2. AppSignal

    AppSignal knows why the f*#k it crashed. Stop vibe-debugging. Every exception, every backtrace, grouped so you see patterns, not noise.

    AppSignal logo
  3. react-bits

    An open source collection of animated, interactive & fully customizable React components for building memorable websites.

    Project mention: How I Fixed a CSS Animation Bug in an Open Source React Library | dev.to | 2026-05-26

    If you want to check out the PR: https://github.com/DavidHDev/react-bits/pull/851

  4. react-virtualized

    React components for efficiently rendering large lists and tabular data

  5. react-native-web

    Cross-platform React UI packages

    Project mention: React Navigation vs. Expo Router: What's the best choice in 2026? | dev.to | 2026-09-03

    React Navigation supports web out of the box. It has built-in support for browser URLs, history, accessible links etc. The official navigators work on web through React Native for Web, so the same codebase can run on Android, iOS, and web without any changes.

  6. Enzyme

    JavaScript Testing utilities for React

    Project mention: Test-Driven Development for Building User Interfaces | dev.to | 2026-02-09

    This outdated way of thinking about testing implementation details largely stems from Airbnb’s testing library Enzyme. Enzyme allowed you to dive into the internals of your React components, trigger class component methods, and manually update a component’s props and state.

  7. semantic-ui-react

    The official Semantic-UI-React integration

  8. beautiful-react-hooks

    🔥 A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development 🔥

  9. Kargo

    Stop Scripting Promotions. Start Shipping with Kargo. Kargo automates promotion across dev, staging, and prod with approval gates and verification. Open source, built by the team behind Argo CD. Download now.

    Kargo logo
  10. rebass

    :atom_symbol: React primitive UI components built with styled-system.

  11. react-native-keyboard-aware-scroll-view

    A ScrollView component that handles keyboard appearance and automatically scrolls to focused TextInput.

  12. reactivesearch

    Search UI components for React and Vue

  13. airframe-react

    Free Open Source High Quality Dashboard based on Bootstrap 4 & React 16: https://airframe-react-lime.vercel.app

  14. react-flexbox-grid

    A set of React components implementing flexboxgrid with the power of CSS Modules.

  15. react-reveal

    Easily add reveal on scroll animations to your React app

  16. video-react

    A web video player built for the HTML5 world using React library.

    Project mention: How to Implement Frame.io style Comments in Your Video Player App📹 | dev.to | 2026-01-13

    Install the necessary dependencies, i.e, Velt for timestamped commenting and Video-React, a web video player for React applications. To do so, open the project in your code editor and run the following command:

  17. react-awesome-query-builder

    User-friendly query builder for React

  18. ant-design-charts

    📈 A React Chart Library based on @antvis, include plot, graph, and map.

  19. react-feather

    React component for Feather icons

  20. react-rainbow

    🌈 React Rainbow Components. Build your web application in a snap.

  21. expenses

    💰Expense tracker using Google Sheets 📉 as a storage written in React (by jakubgarfield)

  22. react-recipes

    👩‍🍳 A list of React Hooks utility library containing popular customized hooks

  23. notus-react

    Notus React: Free Tailwind CSS UI Kit and Admin

  24. react-reflex

    Resizable Flex layout container components for advanced React web applications

  25. react-custom-hooks

    React Custom Hooks @ S.Leschev: useArray useAsync useClickOutside useCookie useCopyToClipboard useDarkMode useDebounce useDebugInformation useDeepCompareEffect useEffectOnce useEventListener useFetch useGeolocation useHover useLongPress useMediaQuery useOnlineStatus useOnScreen usePrevious useRenderCount useScript etc. (by sergeyleschev)

  26. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

JavaScript react-components discussion

Log in or Post with

JavaScript react-components related posts

  • React Navigation vs. Expo Router: What's the best choice in 2026?

    1 project | dev.to | 3 Sep 2026
  • 🚀 Build Edit Forms in React Faster with SVAR Editor

    2 projects | dev.to | 29 Sep 2025
  • Optimizing React The Right Way For Blazing Fast Apps

    2 projects | dev.to | 20 Aug 2025
  • Why React Virtualized Matters: Rendering Smart, Not Hard

    1 project | dev.to | 27 Mar 2025
  • How can I integrate Leaflet to React Native

    3 projects | dev.to | 3 Dec 2024
  • React Performance Optimization Techniques Part 1

    2 projects | dev.to | 27 Sep 2024
  • Twitter Like News Feed UI System Design

    1 project | dev.to | 13 Sep 2024
  • A note from our sponsor - SaaSHub
    www.saashub.com | 13 Sep 2026
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

What are some of the best open-source react-component projects in JavaScript? This list will help you:

# Project Stars
1 Material UI 99,037
2 react-bits 47,068
3 react-virtualized 27,071
4 react-native-web 22,135
5 Enzyme 19,812
6 semantic-ui-react 13,212
7 beautiful-react-hooks 8,351
8 rebass 7,901
9 react-native-keyboard-aware-scroll-view 5,379
10 reactivesearch 4,919
11 airframe-react 3,987
12 react-flexbox-grid 2,912
13 react-reveal 2,731
14 video-react 2,725
15 react-awesome-query-builder 2,259
16 ant-design-charts 2,237
17 react-feather 1,953
18 react-rainbow 1,792
19 expenses 1,285
20 react-recipes 1,044
21 notus-react 885
22 react-reflex 663
23 react-custom-hooks 652

Sponsored
AppSignal knows why the f*#k it crashed.
Stop vibe-debugging. Every exception, every backtrace, grouped so you see patterns, not noise.
www.appsignal.com