Calca
BACK BURNER
Started March 2026
AI-powered design tool. Describe any design and get polished HTML/CSS variations with real images.
From 0 to 1
Problem
Turning a design idea into polished UI usually means wrestling with a blank canvas or hand-writing boilerplate. Non-designers and developers alike lose hours translating intent into production-ready HTML/CSS.
Build
A desktop and web app that takes natural language descriptions and generates multiple polished HTML/CSS variations with real images, built as composable TypeScript packages on Electrobun with a React UI and Hono server, using generative AI and text-to-code techniques.
Outcome
A working design tool that bridges design intent and implementation: describe a landing page or component and get several production-ready variations with real imagery in seconds.
Stack
Electrobun · React · Hono · TypeScript · Generative AI
Calca is an AI-powered design tool that generates polished HTML/CSS variations from natural language descriptions. Describe any design you envision and get production-ready code with real images.
Features
- Natural language to design generation
- Multiple HTML/CSS variations per prompt
- Real image integration in generated designs
- Landing page and website building capabilities
Tech Stack
Built as a set of composable packages in TypeScript, targetting both desktop and web platforms, Calca leverages generative AI and text-to-code techniques to bridge the gap between design intent and implementation.
Links