--- title: storybookjs/storybook: 📓 The UI component explorer.... description: Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and... canonical: https://daily.dev/posts/storybookjs-storybook-the-ui-component-explorer-develop-document-test-react-vue-angular-w-w2iilbl4r twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: storybookjs/storybook: 📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more! | daily.dev og:description: Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and... og:url: https://daily.dev/posts/storybookjs-storybook-the-ui-component-explorer-develop-document-test-react-vue-angular-w-w2iilbl4r og:image: https://api.daily.dev/og/posts/W2IILBl4R.png og:image:alt: storybookjs/storybook: 📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more! og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # storybookjs/storybook: 📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more! **[Beta Console](https://daily.dev/sources/betaconsole)** · 4 min read · 48 upvotes · 6 comments ## Summary Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components. Storybook's API makes it possible to configure and extend in various ways. It has been extended to support React Native, Android, iOS, and Flutter development for mobile. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@matteosacchetto** · 5 upvotes > I discovered it quite recently during a daily.dev livestream, but it is very helpful in order to focus on the components development and automate some testing over it. > > > The thing I found pretty useful is the fact that it can also automatically check the accessibility of the various components! > > > Great tool for frontend developers **@kkurko** · 0 upvotes > On every project I've been we had Storybook or I've been the person who was pushing the idea of UI-kit and documenting in with Storybook. It works so well for developers, designers and managers (so for everyone) **@abc0xmattyic333** · 0 upvotes > Thanks for making this available! --- Tags: [#emberjs](https://daily.dev/tags/emberjs), [#general-programming](https://daily.dev/tags/general-programming), [#react](https://daily.dev/tags/react), [#svelte](https://daily.dev/tags/svelte), [#vuejs](https://daily.dev/tags/vuejs), [#webdev](https://daily.dev/tags/webdev) [View this post on daily.dev](https://daily.dev/posts/storybookjs-storybook-the-ui-component-explorer-develop-document-test-react-vue-angular-w-w2iilbl4r) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"storybookjs/storybook: 📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!","url":"https://daily.dev/posts/storybookjs-storybook-the-ui-component-explorer-develop-document-test-react-vue-angular-w-w2iilbl4r","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/storybookjs-storybook-the-ui-component-explorer-develop-document-test-react-vue-angular-w-w2iilbl4r"},"datePublished":"2021-11-03T11:13:43.868Z","dateModified":"2026-03-15T05:25:02.765Z","description":"Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/539f5c8478124e59686bba8183047688","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/539f5c8478124e59686bba8183047688","isAccessibleForFree":true,"articleSection":"Beta Console","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Beta Console","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e98ba4421fd44b57aa5f75ff56c1d6f3","url":"https://daily.dev/sources/betaconsole"},"commentCount":6,"discussionUrl":"https://daily.dev/posts/storybookjs-storybook-the-ui-component-explorer-develop-document-test-react-vue-angular-w-w2iilbl4r","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":48},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":6}],"keywords":"emberjs,general-programming,react,svelte,vuejs,webdev","timeRequired":"PT4M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Beta Console","item":"https://daily.dev/sources/betaconsole"},{"@type":"ListItem","position":3,"name":"storybookjs/storybook: 📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/storybookjs-storybook-the-ui-component-explorer-develop-document-test-react-vue-angular-w-w2iilbl4r","comment":[{"@type":"Comment","text":"I discovered it quite recently during a daily.dev livestream, but it is very helpful in order to focus on the components development and automate some testing over it.\nThe thing I found pretty useful is the fact that it can also automatically check the accessibility of the various components!\nGreat tool for frontend developers","datePublished":"2021-11-03T13:59:11.702Z","url":"https://daily.dev/posts/W2IILBl4R#c-sUVV7d31r","author":{"@type":"Person","name":"Matteo Sacchetto","url":"https://daily.dev/matteosacchetto","image":"https://avatars.githubusercontent.com/u/56300116?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":5}},{"@type":"Comment","text":"On every project I’ve been we had Storybook or I’ve been the person who was pushing the idea of UI-kit and documenting in with Storybook. It works so well for developers, designers and managers (so for everyone)","datePublished":"2022-03-30T05:33:31.842Z","url":"https://daily.dev/posts/W2IILBl4R#c-kToElz_BZ","author":{"@type":"Person","name":"Kirill Kurko","url":"https://daily.dev/kkurko","image":"https://avatars.githubusercontent.com/u/58859242?v=4"}},{"@type":"Comment","text":"Thanks for making this available!","datePublished":"2022-04-03T19:55:55.389Z","url":"https://daily.dev/posts/W2IILBl4R#c-b0g3S6-Tf","author":{"@type":"Person","name":"abc0xmattyic333","url":"https://daily.dev/abc0xmattyic333","image":"https://media.daily.dev/image/upload/s---OwTbsa0--/f_auto,q_auto/v1698668168/avatars/avatar_ccWAKta6mhwxauKCc1R85"}}]} ```