Htflow - Html to Webflow (Cursor AI to Webflow)

Convert HTML/CSS websites and Cursor AI generated code to Webflow format

HTFlow – AI to Webflow, Made Simple Convert your AI-built static html websites into fully functional Webflow projects — instantly. HTFlow- html to webflow is a Chrome extension designed for developers using Cursor IDE and the htflow-cli to build static HTML websites with AI. With just a few clicks, you can extract your entire locally built site — HTML, CSS, and assets — and import it directly into Webflow without losing structure or styles. Key Features ** One-Click Webflow Import – Copy your full website from localhost to Webflow. ** Development Mode Check – Use htflow serve dev to preview your site and catch errors before cloning. ** Full Asset Download – Download and upload all your images directly to Webflow’s asset manager. ** Webflow-Compatible Output – Automatically follows HTFlow rules for clean, import-ready code. ** Fast & Simple Workflow – Go from AI-generated HTML to a live Webflow site in minutes. How It Works: --------------------- ** Build your static HTML website in Cursor IDE using the HTFlow CLI. ** Run htflow serve dev to check for errors in development mode. ** Start the server with htflow serve start. ** Open the HTFlow Chrome Extension and copy your page into Webflow. ** Download your images and upload them to your Webflow project. About HTFlow CLI: ------------------------------ The htflow-cli (available on npm) is required to prepare your static website for Webflow compatibility. You can find the htflow-cli and documentation in https://www.npmjs.com/package/htflow-cli ⚠ Important: The HTFlow Chrome Extension can only copy websites served locally (localhost). It will not work on live or remote websites because it’s specifically designed for users who create their websites with AI in Cursor and run them locally with the htflow-cli. This ensures code accuracy, security, and full Webflow compatibility before publishing. Perfect For: -------------------- ** Web developers building with AI in Cursor. ** Designers who want to move quickly from code to Webflow. ** Teams working on Webflow-ready prototypes. 📚 Learn More: Full tutorials are available at htflow.com/tutorials