Agent-Native Design

The open-source AI HTML prototyping studio

Generate interactive Alpine/Tailwind prototypes from a prompt, compare variants, refine with tweak controls, and export real files you own.

How it works

Tell the agent what you're making — a landing page, product UI, brand direction, or interactive prototype.

The agent creates complete self-contained HTML with Tailwind styling and Alpine interactions.

Pick a variant, adjust tweak controls, or ask the agent for copy, layout, color, and interaction changes.

A prototype studio with an agent that writes and refines the source.

Generate self-contained Alpine/Tailwind HTML that renders in the preview iframe and can be exported directly.

Start from multiple directions, compare them in the app, and keep refining the strongest design.

Adjust common design variables visually while the agent handles larger structural and copy changes.

"Make the headline bolder", "try a warmer palette", "add a CTA button". The agent updates the underlying HTML.

Save reusable design-system preferences so new generations stay closer to your product language.

Export HTML, ZIP, or PDF from the generated prototype when you're ready to share or hand off.

The preview is rendered from the same HTML the agent edits and the export uses, so there is less translation between concept and handoff.

The agent edits the prototype source. Plain-English instructions become changes to copy, layout, colors, spacing, and interactions.

"Make this look more premium"

"Try a darker color palette"

"Make the hero layout more editorial"

"Generate three variations of this"

Fork the template and start generating interactive prototypes with an agent that edits the source.