You type what you want. An LLM generates a working UI. Clicks, forms, drag‑and‑drop — all functional, no code on your end.
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"
Plain language in, working interface out.
HTML appears as the LLM writes it. You see your UI take shape in real‑time.
Not a static mockup. Server handles every interaction — zero JavaScript in the generated output.
"Make the sidebar wider. Add a dark mode."
Refine by talking. The LLM sees what's on screen and updates it.
"build me a sales dashboard"
generates a working UI
the loop keeps going — you refine, the AI adapts. like a cuttlefish changing shape.
No build step, no deployment. Describe a change and it just runs — right in the browser.
Vector-based memory across sessions. Knows what you built before and how you like things.
Connect to Linear, Notion, or any external API. Fast code execution in secure sandboxes.
Use with any model provider. Gemini, Groq, OpenAI, or bring your own.
Output is plain HTML + CSS. No React, no Vue, no build step for generated content.
Free for personal and internal use. Commercial license if you're offering it as a hosted service.
$ 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