JavaScript design-system

Open-source JavaScript projects categorized as design-system

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-13

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

  • rebass

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

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

  • carbon

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

  • flowbite

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

    Project mention: Tailwind Color Palette Generator | news.ycombinator.com | 2024-02-02
  • gestalt

    A set of React UI components that supports Pinterest’s design language

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

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

    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
  • chakra-ui-vue

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

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

  • atomize

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

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

    Project mention: Creating Custom Component for NPS Feedback | dev.to | 2023-04-30

    Component UX. Do you need keyboard navigation? Mouse hover? Shortcuts? I suggest staying safe, combining existing components, and making your custom solutions sparingly.

  • 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

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

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

JavaScript design-system related posts

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