7.9 KiB
| title | hideRendererSelector |
|---|---|
| Get started with Storybook | true |
Welcome to Storybook documentation ✦ Learn how to get up and running with Storybook through tutorials, APIs and platform resources.
What is Storybook?
Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It’s open source and free. It provides a workshop to build UIs in isolation. It helps you develop hard-to-reach states and edge cases without needing to run the whole app.
Install Storybook
TK
<CodeSnippets paths={[ 'common/init-command.npx.js.mdx', 'common/init-command.yarn.js.mdx', 'common/init-command.pnpm.js.mdx', ]} />
Next.js
Full-featured React framework with great developer experience
React + Vite
Full-featured React framework with great developer experience
React + Webpack
Full-featured React framework with great developer experience
Vue + Vite
Full-featured React framework with great developer experience
Vue + Webpack
Full-featured React framework with great developer experience
Angular
Full-featured React framework with great developer experience
SvelteKit
Full-featured React framework with great developer experience
Svelte + Vite
Full-featured React framework with great developer experience
Svelte + Webpack
Full-featured React framework with great developer experience
Web components + Vite
Full-featured React framework with great developer experience
Web components + Webpack
Full-featured React framework with great developer experience
Main concepts
TK
Stories
A story captures the rendered state of a UI component. Developers write multiple stories per component that describe all the “interesting” states a component can support.
Docs
Storybook gives you tools to expand this essential documentation with prose and layout that feature your components and stories prominently.
Testing
TK
Sharing
TK
Additional resources
TK
Builders