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 22 JavaScript design-system Projects
-
grommet
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
Project mention: 9 React component libraries for efficient development in 2023 | dev.to | 2023-11-13GitHub stars: 8.3k GitHub link: https://github.com/grommet/grommet Documentation: https://v2.grommet.io/docs
-
-
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.
-
-
-
Project mention: do i have to pay to use pinterest's ui component library for commercial purpose -whats the advantage/disadvantage of using libraries owned by big companies | /r/reactjs | 2023-05-03
-
Project mention: Is there a way to streamline what we create in Figma and what the developers have created on their end? | /r/FigmaDesign | 2023-03-31
-
-
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.
-
-
-
-
-
web-components
A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+
Component UX. Do you need keyboard navigation? Mouse hover? Shortcuts? I suggest staying safe, combining existing components, and making your custom solutions sparingly.
-
-
-
Orange-Boosted-Bootstrap
Orange Boosted is an accessible, ergonomic and Orange branded framework based on Bootstrap
Project mention: Orange Boosted: Powerful, extensible, and feature-packed front end toolkit | news.ycombinator.com | 2023-12-18 -
-
-
-
-
-
uinix-ui
A minimal framework-agnostic and configurable UI system to build UI systems. Your system your rules 🤘.
-
-
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.
JavaScript design-system related posts
- Flowbite: Pure CSS components for websites and apps built using Tailwind
- Has anyone tried flowbite vue (not regular flowbite)
- I built a collection of chat bubble components with Tailwind CSS [MIT License]
- Flowbite v2.2.0: new number input components and improvements
- Top 10 Best Figma UI Kits [Designers Edition]
- I built a collection of open-source chart components with Tailwind CSS [MIT License]
- Didact | A New .NET Job Orchestration Platform
-
A note from our sponsor - SurveyJS
surveyjs.io | 19 Mar 2024
Index
What are some of the best open-source design-system projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | grommet | 8,294 |
2 | rebass | 7,927 |
3 | carbon | 7,410 |
4 | flowbite | 6,720 |
5 | gestalt | 4,199 |
6 | vue-design-system | 2,168 |
7 | chakra-ui-vue | 1,854 |
8 | atomize | 1,695 |
9 | shards-dashboard-react | 1,670 |
10 | shards-react | 756 |
11 | pivotal-ui-react | 636 |
12 | web-components | 385 |
13 | uiengine | 362 |
14 | expo-disneyplus | 295 |
15 | Orange-Boosted-Bootstrap | 178 |
16 | a11y-color-tokens | 158 |
17 | design-system | 156 |
18 | ui | 148 |
19 | ui-kit | 144 |
20 | farbvelo | 67 |
21 | uinix-ui | 20 |
22 | blox | 5 |