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.

$ flutter pub add widgetbook

—monthly downloads

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.

$ 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 Developers love Widgetbook

Discover what our users have to say about us.

Discover what our users have to say about us.

  • The widgetbook package filled the hole in the ecosystem for production-grade widget catalogs. The Widgetbook Cloud helped deliver Design System development more effectively and confidently.

    Albert Wolszon

    Senior Flutter Dev

    at

    LeanCode

  • Widgetbook is a game changer. In one click we can change state, screen sizes or locale to view translations within our app. Less time spent setting up custom screens inside of apps to adjust state. Less time adjusting routing and adding custom mock data.

    Mark O'Sullivan

    Founder

    at

    Caza de Casa

  • Widgetbook Cloud saves us a lot of time and provides valuable insight into which changes are made with each merge request. This prevents problems in the UI, and our workflow became certainly twice as fast.

    Arthur Schenk

    Mobile Team Lead

    at

    Salto

  • Widgetbook not only helps me during development time of my Open Source design system library, but also provides an organized and easy to use catalog for the community interested in the library! It is a must have for any design system project made with Flutter

    Erick Zanardo

    Game Dev

    at

    CherryBit

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.