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

$ flutter pub add widgetbook

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

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

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
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.

Open Source
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.

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
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

  • 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

  • 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

  • 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

Cloud
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.

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
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.

Cloud
Cloud

Embed UseCases in wikis, Markdown, and Figma

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

Community
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.

Community
Community

Made for Flutter

Made for Flutter

The top Flutter teams rely on Widgetbook to ship cutting edge products. Join our open source community to learn new techniques and get support.

The top Flutter teams rely on Widgetbook to ship cutting edge products. Join our open source community to learn new techniques and get support.

Get Started

Start with the open-source package

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

Get Started

Start with the open-source package

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

Get Started

Start with the open-source package

Widgetbook is open source and free. Get started on 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.