Javascript + Design Systems Open Source Projects

Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

A high quality UI Toolkit built on Vue.js 2.0

𝙃𝙪𝙜𝙚 collection of Tailwind MIT licensed (free) components, sections and templates 😎

🌲 Evergreen React UI Framework by Segment

A build system for creating cross-platform styles.

Salesforce Lightning Design System

A high quality UI Toolkit built on Vue.js 2.0

A tool to help you build and document website component libraries and design systems.

The Node version of Pattern Lab

Theo is a an abstraction for transforming and formatting Design Tokens

Document & develop React components without breaking a sweat

Tools for developing, documenting, and testing React component libraries

:guitar: A sitemap template for ux design

Salesforce Lightning Design System for React

HIUI is a solution that is adequate for the fomulation and implementation of interaction and UI design standard for front, middle and backend.

🛠 Component code and tests for the Australian Government design system

Priceline.com Design System

:heart_eyes: All kinds of resources for Developers :trident: in one place.

A JavaScript library for programming graphic design systems with SVG

Quickly generate Sketch libraries from HTML documents and living style guides, powered by html-sketchapp

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

A design system and React component library for the web brought to you by CA Technologies.

:diamonds: A modular and customizable UI library based on Material Design and Vue

An open-source checklist to help you plan, build and grow your design system.

React components that implement Rimble's Design System.

Convert Storybook into Sketch symbols 💎

:zap: Lightning fast MDX-based dev server for progressive documentation

Keep your design team in sync!

The Component Gallery is a collection of components from the best Design Systems. Built with Astro and Airtable.

ARCHIVED - The gulp wrapper around patternlab-node core, providing tasks to interact with the core library and move supporting frontend assets.

Mechanic is a framework to build assets built on web code.

Bedrock is a static site generator to create large-scale HTML prototypes and document design systems

Sketch plugin specially crafted to work in Design systems with multiple themes

A demonstration of a setup of Style Dictionary to be used for the generation of design tokens

Translate component variants, properties, and more into dynamic code snippets for your design system.

NoStyle Design System by Adam Silver

Generate development-ready theme JSON files from Figma Styles

[WIP] A new look for Octicons, GitHub's icon set

The webpack wrapper around patternlab-node core, providing tasks to interact with the core library and move supporting frontend assets.

React based boilerplate for creating scalable and well documented Design Systems. Live demo https://pulse.heartbeat.ua

Support end of life! Delivering consistent Design System. A Sketch plugin that exports Design Tokens to JSON format. You can export colors, typography, icons and utilis. A must-have tool for design system project.

Curated list of UX styleguides and design systems