Skip to content

Curated list of links on component-driven development and design systems

License

Notifications You must be signed in to change notification settings

component-driven/awesome-list

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 

Repository files navigation

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

  • Bit - A tool for isolating, developing and sharing components between projects and applications, with 2-way collaboartion over components.
  • React Cosmos
  • React Styleguidist — isolated React component development environment with a living style guide
  • Storybook

Misc

  • Cupper — documentation builder for inclusive designers
  • Theo — generate design tokens for web, iOS and Android from single source
  • ColorBox - a new way to building color systems for accessible UIs that scale
  • Color - Color palette generator with aria and other interesting features

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

Colors

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.

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •