Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today. Learn more →
Top 23 TypeScript react-component Projects
-
Material UI
Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
MUI is the OG of UI component libraries. They’ve been at the top back since when Bootstrap was a contender and are still maintaining a top spot in the era of Tailwind and other UI libraries. With more than 95k GitHub stars (and counting), and top companies using it in production, I’d say this is the open-source React component library with the most stars. MUI also has paid components available for enterprise users.
-
SurveyJS
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
-
Project mention: Accessible by Default: The Non-Negotiable Frontier of Frontend in 2025 | dev.to | 2025-04-14
Use accessible-first design systems like Material UI or Chakra UI.
-
Project mention: Building a Sustainable Living Tips Generator with Next.js, Flask, and Google Gemini AI - Part 2: Frontend Development | dev.to | 2025-03-26
React Bootstrap Documentation
-
office-ui-fabric-react
Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
After this article I had an interesting exchange with David Rivard on how to manually tweak the style of Fluent UI 9 controls to make it look like the standard, model-driven, ones.
-
react-spectrum
A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
8. React Spectrum Adobe’s design system, offering accessible components for building consistent, adaptive, and delightful user experiences. React Spectrum:
-
-
-
Civic Auth
Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
-
Explore RSuite
-
-
React Leaflet because we’re using React and Leaflet is an open source mobile friendly maps library with lots of plugins
-
-
-
-
Github NBRTLSM
-
-
As a developer primarily working with Vue and Nuxt, I feel this gap is much larger than it should be. We need more sleek chart designs and other ways to visualize data effectively. Think of Tremor Labs; we all want to use it, but we can't.
-
react-data-table
A responsive table library with built-in sorting, pagination, selection, expandable rows, and customizable styling.
-
-
-
-
vscode-react-javascript-snippets
Extension for React/Javascript snippets with search supporting ES7+ and babel features
Github: Js snippets Marketplace: Snippets marketplace
-
Explore SaaS UI
-
-
InfluxDB
InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
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).
TypeScript react-components discussion
TypeScript react-components related posts
-
Why I'm Building Nuxt Charts
-
Building a Sustainable Living Tips Generator with Next.js, Flask, and Google Gemini AI - Part 2: Frontend Development
-
How to style a PCF like a standard Model Driven App control
-
14 Must-Have React Libraries Every Beginner Developer Should Know in 2025: 🚀
-
14 Super Useful React Libraries You Should Know
-
Best React UI Library: 5 Popular Choices
-
3 New frontend libraries 🎨
-
A note from our sponsor - Civic Auth
www.civic.com | 14 May 2025
Index
What are some of the best open-source react-component projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | Material UI | 95,550 |
| 2 | chakra-ui | 39,048 |
| 3 | react-bootstrap | 22,561 |
| 4 | office-ui-fabric-react | 19,140 |
| 5 | react-spectrum | 13,850 |
| 6 | antd-mobile | 11,794 |
| 7 | base web | 8,826 |
| 8 | rsuite | 8,514 |
| 9 | nteract | 6,238 |
| 10 | react-leaflet | 5,335 |
| 11 | jsLingui | 5,049 |
| 12 | zeit-ui-react | 4,448 |
| 13 | reactour | 3,931 |
| 14 | neobrutalism-components | 3,732 |
| 15 | rc-slider | 3,075 |
| 16 | tremor | 2,311 |
| 17 | react-data-table | 2,128 |
| 18 | DevExtreme React Grid | 2,082 |
| 19 | react-cropper | 2,046 |
| 20 | vazco/uniforms | 2,020 |
| 21 | vscode-react-javascript-snippets | 1,789 |
| 22 | saas-ui | 1,490 |
| 23 | mdbootstrap | 1,427 |
Sponsored
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
surveyjs.io