Introducing GenUI Kit

Ship amazing GenUI experiences quickly and safely

4 min read

GenUI, or generative UI, is an exciting new way to build personalized experiences individually tailored to the needs of every user. GenUI makes it easier for users to complete the task at hand, improving core metrics such as activation, retention and conversion. Today, we’re announcing GenUI Kit.

What is GenUI Kit?

GenUI Kit is Very Good Ventures’ solution to building GenUI-powered applications quickly and securely, following all of our best-practices learned shipping GenUI to production.

Creating a GenUI demo is easy. Making sure the demo solves real problems for customers, moves business metrics, and does so in a secure and cost-effective manner requires more in-depth expertise. We’ve packaged up that expertise into GenUI Kit.

GenUI Kit builds on top of Flutter’s GenUI library, the open-source foundation for rendering generative UI in Flutter. It works with any model, so you’re not locked into a single provider, and it speaks A2UI, the emerging protocol for generative interfaces.

What’s inside GenUI Kit?

GenUI Kit contains four parts, all of it source code you add to and host in your own repository:

01

Flutter Frontend

The GenUI experience your users interact with, built in Flutter. It embeds into a Flutter, native, or web app and powers a discrete part of your product.

02

Dart Backend

Connects GenUI to your data and handles the unglamorous but important parts. Ready to deploy, or use it as the reference if your team would rather run these concerns on its own stack.

03

MCP Server

Guides the team through the process of customizing the GenUI experience to your particular use case.

04

Sandbox App

Connects the pieces together so your team can build and preview the GenUI experience on its own, outside your full app.

What can I build with GenUI Kit?

It starts with customers. What jobs do they need to do? Where would a deeply personalized experience make their lives easier or help them complete a task faster? We don’t recommend applying GenUI Kit to every part of your app, only those where it really moves the needle for your business. Some examples include:

Enhanced Chat

Generative UI booking card inside a customer support chat, letting a customer pick an appointment time

Perhaps your customers need support. They come to a point where they need to book an appointment with a service technician. With traditional chatbots, you’d provide a wall of text with a link to where they can book a technician. With GenUI, you can provide a rich booking experience right inside the chat experience.

Customers win as it makes their lives simpler. Businesses win because it reduces support call volume and increases customer satisfaction scores. Research shows AI enhanced chat experiences reduce support volume by 50%.

Personalized Shopping Assistant

Personalized shopping assistant recommending a suit and shoes with sizes and prices inside a chat conversation

Say a customer needs to shop for a new wedding outfit. They need shoes and a new suit and don’t know where to begin. Traditionally, they’d start searching for different outfits, filtering the results, maybe finding shoes to go along with it, not knowing if it all fits their size, budget, and if it would really look good together.

Instead, what if they had a simple back and forth conversation with a personalized shopping assistant that walked them through the process, helping them figure out their style, sizing, and budget. It puts together a few options for them to pick and makes ordering the items a breeze.

The shopper saves time and ends up with a far better result than they could put together themselves. For businesses, tailoring the experience moves the numbers, providing a 10-15% revenue lift.

Built to ship.

When it comes to getting started with GenUI, it’s easy to duplicate an example app and start running with it. When it’s time to ship to production, you need to take several concerns into consideration.

  1. Hallucinations: What happens if the model makes something up or tries to show a product that doesn’t exist?
  2. Security: How do I ensure that users don’t hack my application? For example, what if a customer asks for a 100% discount on every product presented.
  3. Cost: Personalized experiences are fantastic and provide a real revenue lift, but revenue is only one half of the equation. You need to keep expenses under control as well.
  4. Observability: As with any system, it’s important to know what’s going on. When something goes wrong, you need the information to figure out what it is and fix it quickly.

GenUI Kit is built to handle all of these technical concerns out-of-the-box. Over the next weeks, we’ll publish several articles on how we handle every one of these topics!

Get started today.

We are excited to share GenUI Kit with the world! To learn more and chat with us about how your team can succeed with GenUI, please see us at FlutterCon, visit the GenUI Kit product page or get in touch with us!

About the Author

Brian Egan

Senior PractitionerEngineering

Brian Egan is a Senior Engineering Lead at Very Good Ventures with over 20 years of experience across web, Android, and Flutter. He's held engineering and leadership roles at Superlist, SoundCloud, and Zappos. Brian has authored some of the most popular Flutter and Dart packages, such as RxDart and the Flutter Architecture Samples. In his free time, you'll find him cycling and hiking around the Lake District, where he lives with his wife.

Frequently Asked Questions

What is GenUI Kit?

GenUI Kit is Very Good Ventures' solution for building GenUI-powered applications quickly and securely, following the best practices we've learned shipping GenUI to production. It packages the expertise needed to make sure a GenUI experience solves real customer problems, moves business metrics, and runs in a secure and cost-effective way.

What's included in GenUI Kit?

GenUI Kit has four parts: a Flutter frontend that embeds into a Flutter, native, or web app; a Dart backend that connects GenUI to your data; an MCP server that guides your team through customizing the experience; and a sandbox app for building and previewing outside your full app. It's all source code you add to and host in your own repository.

How is GenUI Kit different from Flutter's GenUI library?

GenUI Kit builds on top of Flutter's open-source GenUI library. The library gives you the foundation for rendering generative UI in Flutter. GenUI Kit adds the production layer on top: a Dart backend, an MCP server for customization, a sandbox app, and built-in handling for hallucinations, security, cost, and observability.

Which AI models does GenUI Kit support?

GenUI Kit works with any model supported by Genkit for Dart, which covers Gemini, OpenAI, and Anthropic-compatible APIs. In practice that means you're not locked into a single provider. It also speaks A2UI, the emerging protocol for generative interfaces.

What can I build with GenUI Kit?

GenUI Kit works best on the parts of your product where a deeply personalized experience moves the needle, rather than across your entire app. Examples include enhanced chat that lets customers book an appointment right inside the conversation, and a personalized shopping assistant that walks a customer through style, sizing, and budget before putting together options to order.

Is GenUI Kit ready for production?

Yes. GenUI Kit is built to handle the concerns that come with shipping GenUI to production out of the box, including hallucinations, security, cost control, and observability.

How do I get started with GenUI Kit?

Learn more on our GenUI Kit page, come find us at FlutterCon, or get in touch to talk through how your team can succeed with GenUI.