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 23 design-system Open-Source 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.
-
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.
-
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.
-
uswds
The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.
-
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.
-
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
I'd like to share my latest discovery with you. TW Elements is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars. It's a huge collection of stunning components made with attention to the smallest detail. Forms, cards, buttons, and hundreds of others. All components have dark mode and very intuitive theming options. The project is supported by an engaged community on GitHub, I recommend you check it out and join one of the many discussions. You will find installation instructions here, and you can track the progress of the project live here. The project was kickstarted by @mdbootstrap, a group of open-source developers behind MDB UI Kit - a high-quality UI kit for Bootstrap, and also behind MDB GO - hosting and deployment platform. I highly recommend you to check it out!
Project mention: Tremor – The React library to build dashboards fast | news.ycombinator.com | 2023-07-28If you are looking for a dashboard system that is written in vanilla JS, I will be open sourcing my DevBoard in the next month or two. You can see it in action at https://devboard.gitsense.com/microsoft/vscode and learn more about the widget system at https://devboard.gitsense.com/microsoft/vscode?board=gitsens... Note the repo that is mentioned in the intro page hasn't been pushed to GitHub yet, but will be soon.
The server is a very simple node/express app and the front end is written in vanilla javascript. I also use GitHub's primer css (https://github.com/primer/css) and a heavily stripped down version of tabler's css (https://github.com/tabler/tabler)
Note, DevBoard is more geared towards hackers, so Tremor's is probably a much better fit if you are looking for an out of the box solution.
🔍 Site ⭐ GitHub
I chose Tachyons over Tailwind because Tachyons is an atomic CSS framework, similar to Tailwind, however it's much lighter weight. Tailwind tends to be a bit heavier without using post CSS processing so I wanted to stick with something smaller.
Project mention: Accessibility and Headless UI Libraries - Adobe, Radix, Tailwind, MUI | dev.to | 2023-09-24Adobe - React ARIA
Link to PR here: https://github.com/kgrzybek/modular-monolith-with-ddd/pull/286
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
KumaUI : Another relatively new contender, Kuma uses zero runtime CSS-in-JS to create headless UI components which allows a lot of flexibility. It was heavily inspired by other zero runtime CSS-in-JS solutions such as PandaCSS, Vanilla Extract, and Linaria, as well as by Styled System, ChakraUI, and Native Base. ### Vue
Now and then I stumble upon the USWDS (the article mentions it) and am surprised how good that thing actually is.
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
design-systems related posts
- Radix Primitives: an open-source UI component library
- Design Systems: From Atomic Design to a Global Solution
- A love letter to Apache Echarts
- 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 - SurveyJS
surveyjs.io | 19 Apr 2024
Index
What are some of the best open-source design-system projects? This list will help you:
Project | Stars | |
---|---|---|
1 | Material UI | 91,511 |
2 | antd | 90,059 |
3 | storybook | 82,727 |
4 | Awesome-Design-Tools | 31,728 |
5 | daisyui | 30,461 |
6 | iview | 23,973 |
7 | system-design-interview | 20,961 |
8 | awesome-design-systems | 16,653 |
9 | primitives | 14,106 |
10 | TW-Elements | 12,643 |
11 | Primer | 12,448 |
12 | evergreen | 12,321 |
13 | tachyons | 11,579 |
14 | react-spectrum | 11,573 |
15 | modular-monolith-with-ddd | 10,228 |
16 | fast | 9,000 |
17 | base web | 8,615 |
18 | styled-system | 7,804 |
19 | uswds | 6,618 |
20 | polaris | 5,632 |
21 | playroom | 4,416 |
22 | zeit-ui-react | 4,195 |
23 | themes | 4,011 |