Curated list of links on component-driven development and design systems
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Contributing.md
License.md
Readme.md

Readme.md

Awesome component-driven development Awesome

A curated list of links on component-driven development and design systems

Contents

Articles

Components

React

Development tools

Styles

Testing

Design systems

Design

Whitespace

Color

Typography

Design tools

Misc

Talks

Books

Courses

Tools

Development workbenches

Misc

  • Cupper — documentation builder for inclusive designers
  • Theo — generate design tokens for web, iOS and Android from single source

Libraries and components

React

  • Atomic layout — a single component to distribute a spacial relation in your layouts
  • macro-components — create flexible layout and composite UI components without the need to define arbitrary custom props
  • React Group — render React children with a separator
  • React Spaceman — React component to manage whitespace
  • Rebass — Flexible & functional React design system, built with styled-system
  • Rebass Grid — responsive React grid system built with styled-components
  • Reach UI — accessible foundation of your React-based design system
  • Stack Styled — make stack layouts easy

Styles

  • styled-tools — useful interpolated functions for styled-components and other CSS in JS libraries
  • styled-system — design system utilities for styled-components and other CSS in JS libraries

Design system examples

Design system catalogs

Misc

Contributing

Suggestions are welcome: send a pull request if you find something awesome about component-driven development.

Authors and license

CC0 1.0 Universal license, see the included License.md file.