Back to overview
Add your project

Storybook Design System

The Storybook design system codifies existing UI components into a central, well-maintained repository. It is built to address having to paste the same components into multiple projects again and again. This simplifies building UI's with Storybook's design patterns.

loading
Storybook
43components205storiesLast updated yesterday
StorybookGitHub
npm install @storybook/design-system
10k
Downloads / week
  • + 19
React
Tweet
Avatar
5
AvatarList
7
Badge
3
Button
9
ButtonAction
8
ButtonToggle
5
Cardinal
18
Checkbox
4
Clipboard
4
ClipboardCode
2
ClipboardIcon
1
ClipboardInput
2
CodeSnippets
3
FormErrorState
3
Header
6
Highlight
13
Icon
3
Images
1
Input
5
Link
7

Addons in this project

Actions
Get UI feedback when an action is performed on an interactive element
4.7M
Downloads
  • + 3
Docs
Document component usage and properties in Markdown
4M
Downloads
  • + 3
Accessibility
Test component compliance with web accessibility standards
1.5M
Downloads
  • + 3
Chromatic
Automate visual testing across browsers. Gather UI feedback. Versioned documentation.
818k
Downloads
  • + 9
Storysource
View a story’s source code to see how it works and paste into your app
413k
Downloads
  • + 3

Similar projects

Add your project
GitHub
Primer React
Primer React
GitHub
80
GOV.UK
React
React
GOV.UK
58
GSoft
Orbit
Orbit
GSoft
149
Grommet
Grommet
Grommet
Grommet
403
JSTOR
Pharos
Pharos
JSTOR
40