← Back to Awesome

Sections

Storybook

GitHub repository ↗ synced 2026/8/9

Awesome Storybook Awesome

A curated list of awesome resources about Storybook's ecosystem :art:

Storybook is a frontend tool for building UI components faster and easier.

Contributions welcome. Add links through pull requests or create an issue to start a discussion.

Official resources

Website
Docs
Showcase
Blog
Tutorials
X
GitHub
Medium
Discord
Brand's materials
Design system

Community resources

DEV.to #storybook

Posts about Storybook on DEV.to blogging platform.

Documentation Primitives

Custom DocBlocks for Storybook Docs.

Examples

Decathlon - Design System
GitHub - Design System
Airbnb - react-date
Salesforce - Design System
Auth0/OKta - Quantum Design System
AXA France - Design System
Shared React Components Boilerplate
Apideck - Components
Qui - Vue 2/3 Design system
Mística - Design system
Recharts - Storybook

Tutorials

Storybook React: A Beginner's Tutorial to UI Components
Simple Storybook React Setup with Dark Mode Integration
Adding Storybook Style Guide to a Create React App
Build your components with Storybook

Talks

Storybook, le playground qu'il vous faut pour vos composants UI! (FR)
VueNYC - Learn Storybook
React Storybook Tutorial with Examples - Getting Started with React Storybook
React Storybook: Design, Dev, Doc, Debug Components - React Conf 2017

Blog posts

How I manage to make my Storybook project the most efficient possible
Real-time accessibility testing with Storybook
Using Storybook with VueJS
Setting up Storybook for Preact
Setting Up a Component Library with React and Storybook
Storybook - UI component development tool for React, Vue, and Angular (Article focusing on React)
Storybook vs Styleguidist
Five Reasons to Use Storybook Tests