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. Learn more →
Top 23 design-system Open-Source Projects
-
system-design-primer
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
-
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.
-
-
-
-
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.
-
grommet
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
-
-
semi-design
🚀A modern, comprehensive, flexible design system and React UI library. 🎨 Provide more than 2800+ Design Tokens, easy to build your design system. Make Semi Design to Any Design. 🧑🏻💻 Design to Code in one click
-
-
-
-
-
-
polaris
Shopify’s design system to help us work together to build a great experience for all of our merchants.
-
-
-
-
-
-
-
-
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.
✅ donnemartin/system-design-primer: https://github.com/donnemartin/system-design-primer
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.
Project mention: Web Components e a minha opinião sobre o futuro das libs front-end | dev.to | 2024-04-04
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
Tailwind is great, but creating everything from scratch is annoying. A nice base of components which can be extended with tailwind would be great. There are a few tailwind frameworks like Flowbite, Daisy Ui, but I like Bulma, PicoCSS and Bootstrap.
Project mention: Show HN: React95 – a React components library recreating the look of Windows 95 | news.ycombinator.com | 2023-07-09There's another repo on GitHub that does the same. If the number of stars is of any significance, they have more. See: https://react95.io/ or https://github.com/react95-io/React95
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.
Over the past few years, I've worked with React apps utilising various CSS-in-JS libraries, starting with styled-components, transitioning through emotion, Theme UI, and finally Stitches. I've also integrated MUI, Mantine, and Chakra in numerous client projects.
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: Show HN: React95 – A React components library recreating the look of Windows 95 | /r/patient_hackernews | 2023-07-10
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).
The latest post mention was on 2024-04-18.
design-system related posts
- I Used Netscape Composer in 2024
- How to use Tailwind with any CSS framework
- Tailwind CSS product overview components built for E-commerce websites
- Show HN: Browse the modern web from ye olde' Macintosh
- Design Systems: From Atomic Design to a Global Solution
- Show HN: Functional UI Kit – twin Figma and React component libraries
- FAANG - Guia Descomplicado de Entrevistas - parte 2
-
A note from our sponsor - InfluxDB
www.influxdata.com | 19 Apr 2024
Index
What are some of the best open-source design-system projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | system-design-primer | 252,211 |
| 2 | daisyui | 30,461 |
| 3 | docz | 23,499 |
| 4 | awesome-design | 15,225 |
| 5 | Primer | 12,448 |
| 6 | material-web | 8,568 |
| 7 | 98.css | 8,568 |
| 8 | grommet | 8,301 |
| 9 | rebass | 7,927 |
| 10 | semi-design | 7,871 |
| 11 | carbon | 7,465 |
| 12 | flowbite | 6,890 |
| 13 | React95 | 6,364 |
| 14 | eui | 6,043 |
| 15 | basscss | 5,829 |
| 16 | polaris | 5,632 |
| 17 | theme-ui | 5,214 |
| 18 | panda | 4,647 |
| 19 | arco-design | 4,573 |
| 20 | gestalt | 4,207 |
| 21 | zeit-ui-react | 4,195 |
| 22 | ui-buttons | 3,345 |
| 23 | React95 | 3,163 |
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.
www.influxdata.com