How to use Monarch to build your Flutter UI with ease

Flutter developers need to make sure the UI works across multiple screens, devices, text scales, languages, and themes. They are also responsible for logic, data, performance, animations, accessibility, etc.

The job of a Flutter developer is hard. However, their job would be easier if they could decouple their UI from the rest of their app. This is why we built Monarch.

Monarch is an open source tool for building Flutter UIs in isolation.

In this talk we will show how to build Flutter UIs in isolation using Monarch. We’ll show how to use Monarch to execute isolated UIs across different devices, text scales, themes, and more. We will mock hard to reach edge cases, pinpoint bugs, and build responsive UIs. All without running an app or backend.

Three Learning Objectives

• Isolate a Flutter UI in your own projects
• Explain the benefits of using Monarch to your teammates
• Apply visual testing techniques to build better UIs