SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 TypeScript design-system Projects
-
🔗 https://github.com/chakra-ui/chakra-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.
-
Project mention: Material 3 Expressive: Better, Easier, Emotional UX | news.ycombinator.com | 2025-05-16
Why? Because they're in in maintenance mode.
https://github.com/material-components/material-web/discussi...
-
semi-design
🚀A modern, comprehensive, flexible design system and React UI library. 🎨 Provide more than 3000+ Design Tokens, easy to build your design system. Make Semi Design to Any Design. 🧑🏻💻 Design to Code in one click
-
-
Elastic EUI: developed and released from a single repo, with discussions about monorepo publishing flows.
-
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.
-
If you still think a polymorphic component would be better, really can't deal with plain HTML, or don’t want to write CSS in a separate file (though I am not sure why), my next suggestion would be to take a look at PandaCSS and create custom patterns or explore other options like vanilla-extract. In my opinion, these tools are an over-engineered CSS metalanguage but still better than a polymorphic component.
-
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!
-
-
-
base-ui
Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.
Project mention: Show HN: Unstyled, accessible components from Radix/Floating UI/MUI team | news.ycombinator.com | 2025-07-22 -
Ark UI
-
-
-
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.
-
-
-
-
-
-
ui
Franken UI is an HTML-first UI component library built on UIkit 3 and extended with LitElement, inspired by shadcn/ui. (by franken-ui)
Project mention: Show HN: Basecoat – shadcn/UI components, no React required | news.ycombinator.com | 2025-05-13Looks nice! Can you add a CDN option? Would be nice for a quick start to play around.
Also, reminds me of https://franken-ui.dev
-
Explore SaaS UI
-
-
Lobe-ui is an open-source UI component library for building AIGC (artificial intelligence generated content) web apps.
-
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 design-system discussion
TypeScript design-system related posts
-
Funding Open Source like public infrastructure
-
Material 3 Expressive: Better, Easier, Emotional UX
-
25+ Top UI frameworks & libraries for Next.js
-
Comparing Radix Angular and Angular CDK: A Practical Perspective
-
Configuring Tailwind as a Design System
-
Huetone for Accessible Color Systems
-
The Google Fit APIs will no longer be available after June 30, 2025
-
A note from our sponsor - SaaSHub
www.saashub.com | 1 Sep 2025
Index
What are some of the best open-source design-system projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | chakra-ui | 39,605 |
| 2 | material-web | 10,301 |
| 3 | semi-design | 9,375 |
| 4 | React95 | 6,968 |
| 5 | eui | 6,196 |
| 6 | polaris | 6,028 |
| 7 | panda | 5,771 |
| 8 | arco-design | 5,396 |
| 9 | theme-ui | 5,362 |
| 10 | base-ui | 5,327 |
| 11 | ark | 4,569 |
| 12 | zeit-ui-react | 4,465 |
| 13 | gestalt | 4,324 |
| 14 | gluestack-ui | 4,249 |
| 15 | React95 | 3,688 |
| 16 | react | 3,645 |
| 17 | arco-design-vue | 2,976 |
| 18 | components | 2,493 |
| 19 | vue-styleguidist | 2,488 |
| 20 | ui | 2,302 |
| 21 | saas-ui | 1,567 |
| 22 | braid-design-system | 1,547 |
| 23 | lobe-ui | 1,549 |
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