Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression. Learn more →
Top 22 JavaScript design-system Projects
-
grommet
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
-
If you are a fan of Styled System, you are sure to love this library, as it was built on top of Styled System. I consider Rebass to be the most unopinionated library on the list, as unlike Material Ui, Semantic UI, and Bootstrap, its components do not come with a default theme, giving you the freedom to add your preferred theme to your application. Its styles are also much easier to override. Rebass is minimalist and was designed with style extension in mind.
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
Not a maintainer on this project but https://github.com/carbon-design-system/carbon/issues/12513 seems to be taking pulls.
-
Flowbite = over 450+ UI components, sections, and pages.
-
-
-
Project mention: Looking for advice on UI framework instead of Vuetify | reddit.com/r/vuejs | 2022-09-30
Honorable mention to CharkraUI Vue.
-
Sonar
Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
-
-
Project mention: Top 20 Best React Website Templates for React Developers [Free and Premium] | dev.to | 2022-08-23
Atomize React
-
Project mention: Ca programator, ce ai vrea de la un designer? | reddit.com/r/programare | 2022-08-09
Ca sa fiu mai specific, chestii de genul: https://designrevision.com/downloads/shards-react/
-
-
-
web-components
A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+
Project mention: This Instagram post... I guess backend code does't belong to git | reddit.com/r/ProgrammerHumor | 2023-02-26Vaadin does the same for Java.
-
-
-
Talend UI Components have some Storybook examples covering their extensions for AG Grid
-
-
-
Drag the image into https://farbvelo.elastiq.ch it will tell you
-
uinix-ui
A minimal framework-agnostic and configurable UI system to build UI systems. Your system your rules 🤘.
-
Project mention: Was looking for something different than storybook, ended up creating this open source project. | reddit.com/r/react | 2022-12-08
-
sx-design
:art: Inclusive design system written using @adeira/sx. This repository is automatically exported from https://github.com/adeira/universe via Shipit
-
InfluxDB
Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.
JavaScript design-system related posts
- Flowbite or Flowbite-Svelte?
- PyVibe: Generate styled HTML pages from Python
- Basic script block for a 'Requires JS' example
- I built a collection of image gallery and slider components with Tailwind CSS
- Flowbit and Hotwire not cooperating
- Flowbite + Hotwire / StimulusJS
- Can't delete recursively because it's not a folder, but can't delete normally because it IS a folder?
-
A note from our sponsor - InfluxDB
www.influxdata.com | 28 Mar 2023
Index
What are some of the best open-source design-system projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | grommet | 8,162 |
2 | rebass | 7,880 |
3 | carbon | 6,427 |
4 | flowbite | 4,156 |
5 | gestalt | 4,097 |
6 | vue-design-system | 2,123 |
7 | chakra-ui-vue | 1,709 |
8 | shards-dashboard-react | 1,594 |
9 | atomize | 1,580 |
10 | shards-react | 746 |
11 | pivotal-ui-react | 640 |
12 | uiengine | 356 |
13 | web-components | 309 |
14 | expo-disneyplus | 272 |
15 | design-system | 154 |
16 | ui | 148 |
17 | a11y-color-tokens | 147 |
18 | ui-kit | 139 |
19 | farbvelo | 58 |
20 | uinix-ui | 18 |
21 | blox | 5 |
22 | sx-design | 4 |