TALK TO IT. IT BUILDS YOUR UI.
You type what you want. An LLM generates a working UI. Clicks, forms, drag‑and‑drop — all functional, no code on your end.
WHAT IS THIS?
A generative UI toolkit that wires LLMs to a browser. You describe a UI, it builds one. Every button works, every form submits.
"Build me a project dashboard with task tracking"
JUST DESCRIBE IT
Plain language in, working interface out.
WATCH IT APPEAR
HTML appears as the LLM writes it. You see your UI take shape in real‑time.
FULLY INTERACTIVE
Not a static mockup. Server handles every interaction — zero JavaScript in the generated output.
"Make the sidebar wider. Add a dark mode."
ITERATE NATURALLY
Refine by talking. The LLM sees what's on screen and updates it.
HOW IT WORKS
"build me a sales dashboard"
generates a working UI
the loop keeps going — you refine, the AI adapts. like a cuttlefish changing shape.
TRY IMAGINING THIS
UNDER THE HOOD
INSTANT UPDATES
No build step, no deployment. Describe a change and it just runs — right in the browser.
IT REMEMBERS YOU
Vector-based memory across sessions. Knows what you built before and how you like things.
CONNECTS TO APIs
Connect to Linear, Notion, or any external API. Fast code execution in secure sandboxes.
PICK YOUR MODEL
Use with any model provider. Gemini, Groq, OpenAI, or bring your own.
WORKS EVERYWHERE
Output is plain HTML + CSS. No React, no Vue, no build step for generated content.
SOURCE AVAILABLE
Free for personal and internal use. Commercial license if you're offering it as a hosted service.
GET STARTED
$ git clone https://github.com/betalyra/cuttlekit.git
$ pnpm install
$ cp .env.example .env # configure your API keys
$ cp config.example.toml config.toml # cp configuration or edit
$ pnpm run dev:backend & pnpm run dev:webpage