Back to Intro to Storybook
  • Get started
  • Simple component
  • Composite component
  • Data
  • Conclusion
  • Contribute


Put all your knowledge together and learn more Storybook techniques
This community translation has not been updated to the latest version of Storybook yet. Help us update it by applying the changes in the English guide to this translation. Pull requests are welcome.

Congratulations! You created your first UI in Storybook. Along the way you learned how to build and compose UI components.

📕 GitHub repo: chromaui/learnstorybook-code

Storybook is a powerful tool for React Native, React, Vue, Angular, Svelte and many others frameworks. It has a thriving developer community and a wealth of addons. This introduction scratches the surface of what’s possible. We’re confident that once you adopt Storybook, you’ll be impressed by how productive it is to build durable UIs.

Learn more

Want to dive deeper? Here are helpful resources.

Who made the Intro to Storybook tutorial?

This tutorial was contributed by Daniel Williams in collaboration with the Chromatic team. The tutorial was inspired by the React tutorial.

Want more tutorials and articles like this? Sign up to the Storybook mailing list.

Is this free guide helping you? Tweet to give kudos and help other devs find it.
Next Chapter
Help share Storybook with the world
✍️ Edit on GitHub – PRs welcome!
Join the community
6,623 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software

Maintained by
Special thanks to Netlify and CircleCI