SaaSHub helps you find the best software and product alternatives Learn more →
Top 21 TypeScript design-system Projects
-
Material UI
Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
-
primitives
Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
-
react-spectrum
A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
-
-
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
polaris
Shopify’s design system to help us work together to build a great experience for all of our merchants.
-
-
-
-
themes
Radix Themes is an open-source component library optimized for fast development, easy maintenance, and accessibility. Maintained by @workos.
-
-
-
-
-
-
-
-
-
Adaptive-Web-Components
The Web Component library built on Open Web Standards & Adaptive UI technologies
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
Project mention: Ask HN: Is there a react test framework that works? | news.ycombinator.com | 2024-05-24> [0, 1, 2, -1, 10, 11, 12, 13, 14, -1, 26, 27, 28]
What is that supposed to represent in terms of pagination? Are they cursors...?
> I didn't think the code that generated the HTML from that was really worth testing because it was so superficial.
For what it's worth (as a frontend person), pagination is traditionally one of the trickier things for us to make sure is working correctly. Off-by-one mistakes can happen for example (especially with zero-indexed items). Or sometimes the prev/next buttons don't correctly use the same math as the page 1, 2, 3, etc. buttons. It gets even harder if you don't know the total length in the beginning, or if you allow multiple page sizes or sorts/filters, or use lazy loading, etc.
For those reasons I try to use a ready-built lib like MUI where all that is already tested internally (like https://github.com/mui/material-ui/blob/next/packages/mui-ma... or https://github.com/mui/material-ui/blob/next/packages/mui-ba...), but we still add our own automated and manual tests in our own usages.
But then again I'm bad at math and division, lol, so maybe it's just my own weakness.
I was using a Chinese website recently based on the “ant design” [^1] library / philosophy. It’s a really UI dense way of doing things and I really enjoyed having everything there without having to go hunting into menus.
[1]: https://ant.design/
But here’s some good news: there’s already a solution in the JavaScript world called Storybook!
Project mention: Radix Primitives: an open-source UI component library | news.ycombinator.com | 2024-03-20
Project mention: Episode 24/13: Native Signals, Details on Angular/Wiz, Alan Agius on the Angular CLI | dev.to | 2024-04-05Similarly to Promises/A+, this effort focuses on aligning the JavaScript ecosystem. If this alignment is successful, then a standard could emerge, based on that experience. Several framework authors are collaborating here on a common model which could back their reactivity core. The current draft is based on design input from the authors/maintainers of Angular, Bubble, Ember, FAST, MobX, Preact, Qwik, RxJS, Solid, Starbeam, Svelte, Vue, Wiz, and more…
🔍 Site ⭐ GitHub
We are delighted to announce that the interface of Ryviu account has been updated according to Shopify Polaris. Aligned with Shopify's top-tier standards for safety, performance, and functionality, these changes aim to simplify the process of importing and managing product reviews for your store.
Project mention: A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev | dev.to | 2024-02-05Plasmic - A fast, easy-to-use, robust web design tool and page builder that integrates into your codebase. Build responsive pages or complex components; optionally extend with code; and publish to production sites and apps.
🔍 Site ⭐ GitHub
Try the Builder.io Figma plugin
Project mention: Light UI component library but as good as MUI (or atleast close to it)? | /r/reactjs | 2023-07-03do you mean react.daisyui.com? it only have 6k~ npm downloads that's why I didn't actually think anybody actually mean it when they say that they are using daisyUI
Project mention: We need more headless ui library, and I just spotted a good one | /r/sveltejs | 2023-07-11
For the purposes of this article, shared components are user interface elements that are used in more than one web application. In Culture Amp's case this includes the React components in our Kaizen design system.
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-systems related posts
-
SASS, CSS, or Tailwind: Which One Should You Choose?
-
Adobe React Spectrum Libraries
-
Radix Primitives: an open-source UI component library
-
Microsoft's Adaptive UI
-
Microsoft's Fast
-
React: Build your own composable, headless components
-
⚡Top GitHub Repositories for UI Components
-
A note from our sponsor - SaaSHub
www.saashub.com | 31 May 2024
Index
What are some of the best open-source design-system projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Material UI | 92,008 |
| 2 | antd | 90,514 |
| 3 | storybook | 83,116 |
| 4 | primitives | 14,529 |
| 5 | react-spectrum | 11,949 |
| 6 | fast | 9,074 |
| 7 | base web | 8,644 |
| 8 | polaris | 5,676 |
| 9 | playroom | 4,426 |
| 10 | zeit-ui-react | 4,239 |
| 11 | plasmic | 4,277 |
| 12 | themes | 4,394 |
| 13 | html-figma | 2,987 |
| 14 | react-daisyui | 860 |
| 15 | design-system | 723 |
| 16 | noya | 429 |
| 17 | grail-ui | 377 |
| 18 | moon-design | 269 |
| 19 | ebs-design | 252 |
| 20 | kaizen-design-system | 155 |
| 21 | Adaptive-Web-Components | 37 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com