SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 TypeScript component-library Projects
-
Project mention: This treasure-level tool for improving efficiency must be collected and used | dev.to | 2025-04-28
Element Plus
-
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.
-
Project mention: InboxNegotiator: Turning Debt Reminders into Payment Plans with AI and Postmark | dev.to | 2025-06-08
UI: shadcn/ui + HeroUI for a modern, responsive interface.
-
primitives
Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
shadcn/ui contains a set of beautifully designed and accessible components, and it works seamlessly with major React frameworks. It’s open-source and has amassed 85.5k (and counting) GitHub stars. It’s built on the shoulders of giants — Radix UI and Tailwind CSS, making it one of the best to work with. Unlike many other UI libraries, the components are not just installed as npm modules, they’re downloaded into your project. That gives you access to the source code and you can modify it if you want. I like this approach better because I can tweak aspects of a component if I want to.
-
-
Project mention: Show HN: Self-Hostable Algolia DocSearch Replacement | news.ycombinator.com | 2024-10-11
Example PR: https://github.com/microsoft/fast/pull/7031/files
If you want hosted-search:
-
-
themes
Radix Themes is an open-source component library optimized for fast development, easy maintenance, and accessibility. Maintained by @workos.
-
Sevalla
Deploy and host your apps and databases, now with $50 credit! Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!
-
-
polaris
Shopify’s design system to help us work together to build a great experience for all of our merchants.
Project mention: Design Systems: The Secret Weapon of Scalable Frontend Development | dev.to | 2025-06-29Google Material Design: https://m3.material.io IBM Carbon Design System: https://m3.material.io Atlassian Design System: https://m3.material.io Shopify Polaris: https://polaris.shopify.com You can learn a lot just by studying their token systems, accessibility standards, and component patterns.
-
Project mention: How Preply improved INP on a Next.js application (without React Server Components and App Router) | dev.to | 2025-02-13
It doesn’t sound like a huge list. Still, the 300 React components and their sub-children take significant time to be added to the DOM on a slow smartphone (please note: we are speaking about the React->DOM reconciliation that adds all the new elements to the DOM, not the render step itself). We used React Virtuoso since it was already used in our front-end projects, but virtualization libraries are all quite similar.
-
→ https://manifest.build/#cta-cloud
-
-
gluestack-ui
React & React Native Components & Patterns (copy-paste components & patterns crafted with Tailwind CSS (NativeWind))
Project mention: gluestack-ui v2: Stable Release with NativeWind v4.1 Support 🚀 | dev.to | 2025-01-07Have questions, or feedback, or want to showcase what you’re building with gluestack-ui v2? Join the conversation on GitHub, Twitter, or our Discord community.
-
-
Project mention: Feature Flag Service: Experimenting with New Technologies and Architectures | dev.to | 2025-02-22
Once I completed the backend, I wanted to interact with my service through a comfortable UI. Angular 19 had just come out with stable signals and other cool features, so I decided to use it for the frontend. I didn’t want to spend too much time designing UI components, hence I decided to use a component library that provides pre-built, customizable components. This allowed me to focus more on the core functionality and user experience. The library i choose is Taiga UI.
-
-
-
tail-kit
Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 3.0.
-
-
uilayouts
🔥100+ Free beautifull interactive react/nextjs component based on tailwindcss, framer-motion, gsap etc
Project mention: 🚀 The Ultimate List of 27 Frontend Libraries for Creative Developers | dev.to | 2025-01-28🛠️ What it does: Offers pre-built, responsive layout solutions for common web design patterns ✨ Why it's awesome: Saves significant time on layout implementation with proven patterns 🎯 Use it for: Quickly implementing complex, responsive layouts 🔗 Link: UI Layouts
-
-
-
For an extended period, tree shaking with Angular libraries is supported when using secondary-entrypoints, which is supported by ng-packagr.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
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 component-library discussion
TypeScript component-library related posts
-
Tailwind Is the Worst of All Worlds
-
DaisyUI: Tailwind CSS Components
-
This treasure-level tool for improving efficiency must be collected and used
-
FumaDocs React Component to Display Code from Github Repos
-
Knowing CSS is mastery to Front end Development
-
Feature Flag Service: Experimenting with New Technologies and Architectures
-
The Tree Shaking Journey in Angular: A Deep Dive
-
A note from our sponsor - SaaSHub
www.saashub.com | 1 Sep 2025
Index
What are some of the best open-source component-library projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | element-plus | 26,464 |
| 2 | heroui | 25,288 |
| 3 | primitives | 17,760 |
| 4 | naive-ui | 17,631 |
| 5 | fast | 9,514 |
| 6 | base web | 8,867 |
| 7 | themes | 7,401 |
| 8 | React95 | 6,968 |
| 9 | polaris | 6,028 |
| 10 | react-virtuoso | 5,885 |
| 11 | skeleton | 5,643 |
| 12 | arco-design | 5,396 |
| 13 | gluestack-ui | 4,249 |
| 14 | melt-ui | 4,071 |
| 15 | taiga-ui | 3,705 |
| 16 | react | 3,645 |
| 17 | arco-design-vue | 2,976 |
| 18 | tail-kit | 2,956 |
| 19 | bits-ui | 2,529 |
| 20 | uilayouts | 2,435 |
| 21 | flowbite-react | 2,066 |
| 22 | vazco/uniforms | 2,062 |
| 23 | ng-packagr | 1,855 |
Sponsored
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.
www.influxdata.com