https://github.com/dropsource/monarch

Monarch is a tool for building Flutter widgets in isolation. It makes it easy to build, test and debug complex UIs.
https://github.com/dropsource/monarch

android dart desktop flutter frontend ios macos mobile tool ui windows

Last synced: 3 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/dropsource/monarch
• Owner: Dropsource
• License: mit
• Created: 2020-07-01T21:14:28.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2024-05-28T13:18:30.000Z (7 months ago)
• Last Synced: 2024-12-20T20:17:16.078Z (3 days ago)
• Topics: android, dart, desktop, flutter, frontend, ios, macos, mobile, tool, ui, windows
• Language: Dart
• Homepage: https://monarchapp.io
• Size: 43.2 MB
• Stars: 453
• Watchers: 7
• Forks: 26
• Open Issues: 27
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        


  

    

  



# Monarch

Build high-quality UIs with ease. Monarch is an open source tool for building Flutter widgets in isolation. It makes it easy to build, test and debug complex UIs.



  

    

  



## Documentation

* [Getting Started](https://monarchapp.io/docs/introduction)

* [Install Monarch](https://monarchapp.io/docs/install)

* [Write your first story](https://monarchapp.io/docs/write-first-story)

* [Learn more](https://monarchapp.io/docs/learn-more)

## Sample projects

The [Monarch Samples](https://github.com/Dropsource/monarch_samples) repo is a 

curated collection of sample projects which show Monarch working with various 

packages, patterns and tools.

## Community

* For announcements about new releases subscribe to our [newsletter](https://eepurl.com/hJ-S0L)

* Follow us on Twitter [@monarch_app](https://twitter.com/monarch_app)

* If you have any questions or run into any issues, please create an issue in this repo.

## Contributing

We welcome pull requests and stars! Read our [contributing guide](CONTRIBUTING.md) to get started.

## About Monarch

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

Monarch is inspired by [Storybook](https://storybook.js.org/). 

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