What is Mint?

Mint is a visual application builder. You design your UI on a canvas, configure your backend logic visually, and Mint generates production-ready source code across six frameworks. You own the code — export it, modify it, deploy it anywhere.

Visual Canvas

Design screens on a Figma-like editor. Every element maps directly to real, readable code.

Runtime Engine

Lightweight engine that manages state, data bindings, and actions between your UI and backend.

Auto Backend

Define database tables visually. Mint generates the schema, API routes, and CRUD operations.

Workflows

Build complex business logic as visual flowcharts — conditions, loops, API calls, all without code.

Live Sync

Push canvas changes to your running app instantly. The sync daemon patches your code via HMR.

6 Frameworks

Export to React, Next.js, Vue, Svelte, React Native (Expo), or Flutter. Full project scaffolds included.

How it works

1

Design your screens

Draw frames on the canvas. Each frame becomes a route in your app. Add shapes, text, buttons, images, and forms.
2

Add logic and data

Open the Backend Panel to define state variables, actions, database tables, and workflows. Bind data to UI elements.
3

Commit or export

Click Commit to generate versioned code, or Export to download a ZIP. Your design becomes a complete, runnable project.
4

Run and iterate

Install dependencies, start your dev server. Enable Live Sync to push design changes without rebuilding.
Mental model: Think of Mint as three layers — the Canvas (what users see), the Runtime (logic), and the Backend (data). All three stay in sync automatically.