Simplify app development by building widgets in isolation
summary
Widgetbook is an open-source Flutter tool that builds widgets in isolation, turning refactor-prone components (three refactors to go from provider to plain strings) into reusable pieces with plain string inputs and no data dependencies. It adds knobs and add-ons to test parameters and global states (15+ add-ons: device sizes, themes, languages, text scale), supports interactive screens with mocked providers, offers AI generation of use-case files, and a Widgetbook Cloud visual-review workflow that shows side-by-side diffs for UI changes; used by thousands of teams.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 1:44Reusable components matter
- 2:45Workflow flaws in widget dev
- 6:14Introducing Widgetbook
- 7:20Setting up Widgetbook
- 8:24Creating reusable widgets
- 10:54Testing with knobs and add-ons
- 13:24Adding entire screens
- 15:53AI-assisted Widgetbook setup
- 17:58Benefits of Widgetbook
- 18:41Reviewing UI changes
- 22:14ClickUp use case
- 25:53Resources and getting started
- 26:38Q&A
related talks
34mHelping more than 2000 Flutter teams build their own design system
50mFlutter: The Wizards of Widgets
37mLessons learned from crafting an in-house framework
51mFlutter: How Widgets Work
34mFrom Plug-and-Play to Fully Custom
40mArchitecture: The LeanCode Guide
13mBuilding platform adaptive apps
32m"Flutter: How we're building a UI framework for tomorrow at Google"