JavaScript design-system

Open-source JavaScript projects categorized as design-system

Top 21 JavaScript design-system Projects

design-system
  • 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-13

    GitHub stars: 8.3k GitHub link: https://github.com/grommet/grommet Documentation: https://v2.grommet.io/docs

  • 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.

    InfluxDB logo
  • rebass

    :atom_symbol: React primitive UI components built with styled-system.

    Project mention: Top 23 React UI Component Libraries for Your Next Project🚀 | dev.to | 2024-05-30
  • carbon

    A design system built by IBM (by carbon-design-system)

    Project mention: 10+ UI Libraries for Svelte to Try in 2024 | dev.to | 2024-05-14

    Carbon Components is a Svelte component library that is built on top of the Carbon Design System, an open source design system by IBM. The components look very minimalistic (especially styling based on gray color saturation) but probably would fit in some business-looking app. In defense it must be said that the library offers a big number of Svelte components with advanced functionality.

  • flowbite

    Open-source UI component library and front-end development framework based on Tailwind CSS

    Project mention: Payment form components coded with Tailwind CSS and Flowbite | dev.to | 2024-05-22

    Flowbite

  • vue-design-system

    An open source tool for building UI Design Systems with Vue.js

  • chakra-ui-vue

    ⚡️ Build scalable and accessible Vue.js applications with ease.

  • atomize

    Design System for developers build on styled-components & React JS.

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  • shards-dashboard-react

    ⚛️A free and beautiful React admin dashboard template pack.

  • shards-react

    ⚛️A beautiful and modern React design system.

  • pivotal-ui-react

    Pivotal's design system & component library

  • web-components

    A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+

  • uiengine

    Workbench for UI-driven development

  • expo-disneyplus

    Disney+ UI Clone with React Native & Expo

  • 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
  • a11y-color-tokens

    Generate accessible UI colors from your base color tokens.

  • design-system

    Hack Club's (old) design system (by hackclub)

  • ui

    Talend's unified web UI repository. (by Talend)

  • ui-kit

    Component library 💅

  • farbvelo

    "Random" color palette generator, cycles

  • uinix-ui

    A minimal framework-agnostic and configurable UI system to build UI systems. Your system your rules 🤘.

  • blox

    Component library framework for creating UI building blocks

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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).

JavaScript design-system discussion

Log in or Post with

JavaScript design-system related posts

  • Payment form components coded with Tailwind CSS and Flowbite

    1 project | dev.to | 22 May 2024
  • How to use Tailwind with any CSS framework

    5 projects | dev.to | 17 Apr 2024
  • Tailwind CSS product overview components built for E-commerce websites

    1 project | dev.to | 16 Apr 2024
  • Flowbite: Pure CSS components for websites and apps built using Tailwind

    1 project | news.ycombinator.com | 13 Jan 2024
  • Has anyone tried flowbite vue (not regular flowbite)

    1 project | /r/vuejs | 10 Dec 2023
  • I built a collection of chat bubble components with Tailwind CSS [MIT License]

    1 project | /r/tailwindcss | 8 Dec 2023
  • Flowbite v2.2.0: new number input components and improvements

    2 projects | /r/flowbite | 23 Nov 2023
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 23 Jul 2024
    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 →

Index

What are some of the best open-source design-system projects in JavaScript? This list will help you:

Project Stars
1 grommet 8,308
2 rebass 7,933
3 carbon 7,609
4 flowbite 7,378
5 vue-design-system 2,169
6 chakra-ui-vue 1,863
7 atomize 1,739
8 shards-dashboard-react 1,689
9 shards-react 755
10 pivotal-ui-react 637
11 web-components 430
12 uiengine 365
13 expo-disneyplus 302
14 Orange-Boosted-Bootstrap 190
15 a11y-color-tokens 158
16 design-system 156
17 ui 150
18 ui-kit 144
19 farbvelo 68
20 uinix-ui 20
21 blox 5

Sponsored
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