Introducing Hatcha — A GenUI Vignette Built in Flutter

After a handful of months of hard work, we’re excited to announce our latest collaboration with Google and the Flutter team: it’s a cross-platform GenUI demo called Hatcha!

What is it?

GenUI is an experimental SDK from Google that gives AI control to compose UIs at runtime based on context.

Hatcha is a Flutter-based GenUI vignette focused on the theme of planning parties. You can pretend to be a host or a guest, and agents do the rest.

On the backend, a custom Python agent server built on Google’s ADK and the A2UI protocol streams rich UI that GenUI renders as native Flutter widgets.

The logo is a nod to the ubiquitous AI sparkle, hidden within a butterfly motif.

Building Hatcha

Hatcha was built using the latest master branch of Flutter and GenUI, and targets iOS, Android, and the web.

We learned a lot about designing & building agentic, non-deterministic experiences, and are planning some blog content to share our findings, but in the meantime, you can check out the code right now! The entire project is open-sourced on GitHub at https://github.com/gskinnerTeam/flutter-hatcha-app.

We’re excited to see what the community does with this project, and encourage you to clone or fork the repository and jump into the code. Check out other innovative Flutter projects we’ve built! Need help building something cool in Flutter? We’d love to chat.

Cameron Brodie

Leave a Reply

Your email address will not be published. Required fields are marked *