How to build widgets in isolation with Widgetbook - The Storybook for Flutter

Widgetbook is the Storybook for Flutter - an open-source package that helps you build, test, and preview UI components in isolation. Widgetbook Cloud enhances the open-source package with a structured UI review process by detecting visual regressions in your pull request.

Our Co-Founder, Lucas, gave this talk about Widgetbook at the FlutterConnection conference in Paris on April 4, 2025.

Learn how Widgetbook helps you:

✅ Build fully isolated and reusable widgets
✅ Test isolated widgets across different themes, devices & states
✅ Catalog your widgets in a component library / design system
✅ Review the UI changes of your pull request

🎬 What You’ll Learn in This Video:

00:00 - Intro
01:23 - Why you should build widgets in isolation
02:33 - Example workflow
06:29 - Build in isolation with Widgetbook
08:01 - Setting up Widgetbook in your Flutter project
12:18 - Knobs for advanced testing
13:33 - Addons for advanced testing
14:44 - Adding entire screens
16:40 - Your own component library / design system
17:24 - Benefits of the open source Widgetbook
18:07 - How to verify my UI changes
19:10 - Problems with Golden Tests
20:03 - UI reviews with Widgetbook Cloud
23:43 - Multi-Snapshot Reviews

📦 Try Widgetbook OSS today:
https://pub.dev/packages/widgetbook

☁️ Try Widgetbook Cloud today:
https://www.widgetbook.io/cloud

📚 Docs & Setup Guide:
https://docs.widgetbook.io

💬 Drop a comment with questions or feedback — we love to hear from the community!

👍 Like & Subscribe for more Flutter content.

Видео How to build widgets in isolation with Widgetbook - The Storybook for Flutter канала Widgetbook