Skip to main content

Build high-quality UIs with ease

Monarch is a tool for building Flutter widgets in isolation. It makes it easy to build, test and debug complex UIs.

Build widgets faster

Write stories

Write stories to isolate your widgets. Then preview stories without running your app or backend.

Browse your stories

Monarch lets you verify your UI without an emulator—free up memory and resources.

Find and fix bugs with ease

Find bugs

Stories render edge cases with little effort. Mock dependencies to render visual states that are hard to reproduce.

Fix bugs

From your stories, navigate to your code to fix bugs. Monarch renders your fixes faster than an emulator.

Test your UI

Reuse your stories from your widget tests.

Build responsive UIs easily

See your widgets in different modes

Make sure your UI works across multiple devices, text scales, languages, and themes.

Hot reload your changes

Tune your UI easily with hot reload. Monarch automatically reloads your changes.

Debug widgets in isolation

Visual Debugging

Fine-tune animations, fix layout issues, align text. Find images using too much memory.

Debug in isolation

Debug widgets without running your app or backend. And Use DevTools.