Build, catalog & test
your Flutter widgets

Widgetbook is a Flutter package to build widgets in isolation and create

custom design systems. Trusted by teams worldwide. It’s open source and free.

$ flutter pub add widgetbook

—monthly downloads

Build, catalog & test
your Flutter widgets

Widgetbook is a Flutter package to build widgets in

isolation and create custom design systems.

Trusted by teams worldwide. It’s open source and free.

$ flutter pub add widgetbook

—monthly downloads

Build, catalog & test
your Flutter widgets

Widgetbook is a Flutter package to build widgets in isolation and create

custom design systems. Trusted by teams worldwide. It’s open source and free.

$ flutter pub add widgetbook

—monthly downloads

Watch Google's Demo of Widgetbook

Watch Google's Demo of Widgetbook

Develop durable user
interfaces

Widgetbook is a package to build UIs in isolation.

It helps you develop hard-to-reach states

and edge cases without needing to run the whole app.

MADE FOR FLUTTER
Open Source

Build UI components and pages in isolation

Implement components and pages without needing to fuss with data, APIs, or business logic

Implement components and pages without needing to fuss with data, APIs, or business logic.

Why build UIs in isolation?

Open Source

Mock hard-to-reach edge cases

Render widgets in key states that are tricky to reproduce in an app. Then save those states as use-case to revisit during development, testing, and QA

Render widgets in key states that are tricky to reproduce in an app. Then save those states as use-case to revisit during development, testing, and QA.

How to write a UseCase

Integrations

Integrate with the tools you already use

Widgetbook is incrementally adoptable and integrates with industry-standard tools. That means your team doesn't have to change their workflow.

Testimonials

Flutter Developers love Widgetbook

Flutter Teams love Widgetbook

Flutter Developers love Widgetbook

Discover what our users have to say about us.

Discover what our users have to say about us.

Cloud

Test UIs with less effort and no flake

Test UIs with less effort and no flake

Use-cases define verified states of widgets. They're a pragmatic, reproducible way to keep track of UI edge cases. Widgetbook uses them to power automated tests.

Use-cases define verified states of widgets. They're a pragmatic, reproducible way to keep track of UI edge cases. Widgetbook uses them to power automated tests.

Review

Use-cases are tests you can debug in dev, QA and design

Visual test appearance

Validate every UI change down to the pixel

Golden tests

Detect regressions in rendered widget states

Share how the UI
actually works

Use-cases show how UIs actually work not just a static

design of how they're supposed to work.

That keeps everyone aligned on what's currently in production.

Cloud

Publish Widgetbook to get sign off from teammates

Publish your Widgetbook build for Designers, PMs or Clients to reference. Everyone can check that the UI looks right without touching code.

Publish Widgetbook

Cloud

Embed UseCases in wikis, Markdown, and Figma

Embed UseCases to showcase your work to teammates and the developer community.

Embedding Docs

Community

Automate UI workflows

Automate UI workflows

Add Widgetbook as a CI step to automate the UI development workflow. That helps you and your team ship faster with less manual work.

Add Widgetbook as a CI step to automate the UI development workflow. That helps you and your team ship faster with less manual work.

Get Started

Start with the open-source package

Widgetbook is open source and free. Get started on pub.dev.

pub.dev

Get Started

Start with the open-source package

Widgetbook is open source and free. Get started on pub.dev.

pub.dev

Get Started

Start with the open-source package

Widgetbook is open source and free. Get started on pub.dev.

pub.dev

Build, organise & test
your Flutter widgets

Widgetbook is a Flutter package to build and test widgets in isolation.
Trusted by teams worldwide. It’s open source and free.

Build, organise & test
your Flutter widgets

Widgetbook is a Flutter package to build and test widgets in isolation.
Trusted by teams worldwide. It’s open source and free.