Awesome Storybook Overview

A collection of awesome resources about @storybookjs ecosystem 🎨

🏠 Home · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 lauthieb/awesome-storybook · ⭐ 394 · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

Awesome Storybook

A curated list of awesome resources about Storybook's ecosystem 🎨

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.

Contents

• Official resources
• Community resources
• Examples
• Tutorials
• Talks
• Blog posts
• Contributing

Official resources

• Website
• Docs
• Showcase
• Blog
• Tutorials
• X
• GitHub
• Medium
• Discord
• Brand's materials (⭐101)
• Design system

Community resources

• DEV.to #storybook - Posts about Storybook on DEV.to blogging platform.
• Documentation Primitives (⭐36) - 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 (⭐86)
• 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

Contributing

Contributions welcome! Read the contribution guidelines first.