Storybook
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.
Official resources¶
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 ⅔ Design system
- Mística - Design system
- Recharts - Storybook
Tutorials¶
2022
- [Storybook React: A Beginner's Tutorial to UI Components](https://snipcart.com/blog/storybook-react-tutorial-example)2020
- [Simple Storybook React Setup with Dark Mode Integration](https://davidyeiser.com/tutorials/storybook-react-with-dark-mode)2018
- [Adding Storybook Style Guide to a Create React App](https://www.youtube.com/watch?v=va-JzrmaiUM) - [Build your components with Storybook](https://www.youtube.com/watch?v=_jttw14T52o)Talks¶
2019
- [Storybook, le playground qu'il vous faut pour vos composants UI! (FR)](https://www.youtube.com/watch?v=zMpSwo03aKo)2018
- [VueNYC - Learn Storybook](https://www.youtube.com/watch?v=XN398jfTwQI)2017
- [React Storybook Tutorial with Examples - Getting Started with React Storybook](https://www.youtube.com/watch?v=E2c183LS4lA) - [React Storybook: Design, Dev, Doc, Debug Components - React Conf 2017](https://www.youtube.com/watch?v=PF0Vi-iIyoo)Blog posts¶
2019
- [How I manage to make my Storybook project the most efficient possible](https://dev.to/loicgoyet/how-i-manage-to-make-my-storybook-project-the-most-efficient-possible-2d8o) - [Real-time accessibility testing with Storybook](https://medium.com/storybookjs/instant-accessibility-qa-linting-in-storybook-4a474b0f5347)2018
- [Using Storybook with VueJS](https://auth0.com/blog/using-storybook-with-vuejs/) - [Setting up Storybook for Preact](https://www.nickyt.co/blog/setting-up-storybook-for-preact-p5a/) - [Setting Up a Component Library with React and Storybook](https://auth0.com/blog/setting-up-a-component-library-with-react-and-storybook/) - [Storybook - UI component development tool for React, Vue, and Angular (Article focusing on React)](https://dev.to/madhu/storybook---ui-component-development-tool-for-react-vue-and-angular-article-focusing-on-react-29od) - [Storybook vs Styleguidist](https://www.chromatic.com/blog/storybook-vs-styleguidist/)2017
- [Five Reasons to Use Storybook Tests](https://spin.atomicobject.com/storybook-tests-react/)Contributing¶
Contributions welcome! Read the contribution guidelines first.