Getting started
Introduction
HTFlow is a builder for Webflow. An AI agent writes ordinary HTML, CSS and JavaScript against a compatibility rulebook, and HTFlow converts the result into native Webflow elements you paste into the Designer.
Why not generate Webflow directly?
A visual builder's canvas does not store a web page. It stores a structured representation of one — elements, styles and builder-specific properties — which is compiled into HTML, CSS and JavaScript later.
So a model generating through that API has to produce the representation while it is also making design decisions. That is more to hold at once, it costs more tokens per element than the markup it stands for, and the more constraints a model must satisfy at generation time, the more attractive predictable, simpler patterns become.
HTFlow separates the two problems. The agent writes the thing it is best at — plain frontend code — and HTFlow takes responsibility for keeping that output suitable for the Webflow conversion.
What that gets you
- A complete, Webflow-compatible static site generated from a description, styled at Webflow's own three breakpoints.
- A paste into the Designer that arrives as native Webflow elements with their own classes — not a custom-code embed you cannot edit.
- Your own AI. Connect an OpenRouter key, or drive the whole thing from a ChatGPT or Claude subscription you already pay for.
Two ways to drive it
Both routes write to the same Flow site, and both export the same way. Pick whichever you are already set up for.