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. 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
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
Ant Design
[Bug]: Configuration with TailwindCss Next.js using Tailwind with Storybook
Project mention: Radix Primitives: an open-source UI component library | news.ycombinator.com | 2024-03-20
Project mention: Accessibility and Headless UI Libraries - Adobe, Radix, Tailwind, MUI | dev.to | 2023-09-24Adobe - React ARIA
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.
🔍 Site ⭐ GitHub
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.
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
- 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
- Show HN: Radix Themes – A beautiful, open-source React component library
- Syncing Figma Variables and StyleDictionary with GitHub Actions
-
A note from our sponsor - SurveyJS
surveyjs.io | 24 Apr 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 | 91,511 |
| 2 | antd | 90,129 |
| 3 | storybook | 82,727 |
| 4 | primitives | 14,192 |
| 5 | react-spectrum | 11,573 |
| 6 | fast | 9,000 |
| 7 | base web | 8,615 |
| 8 | polaris | 5,637 |
| 9 | playroom | 4,418 |
| 10 | zeit-ui-react | 4,195 |
| 11 | themes | 4,084 |
| 12 | plasmic | 4,016 |
| 13 | html-figma | 2,947 |
| 14 | react-daisyui | 836 |
| 15 | design-system | 722 |
| 16 | noya | 425 |
| 17 | grail-ui | 374 |
| 18 | moon-design | 268 |
| 19 | ebs-design | 252 |
| 20 | kaizen-design-system | 155 |
| 21 | Adaptive-Web-Components | 37 |
Sponsored
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com