CRX id
nnkbaccknjdofhmijbddaohboaenbpci
nnkbaccknjdofhmijbddaohboaenbpci
Description from extension meta
Convert HTML/CSS websites and Cursor AI generated code to Webflow format
Image from store
Description from store
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
Latest reviews
- (2024-09-10) Hayya Oksi: Very Useful !! Thankyou so much for build this extension!
- (2024-04-23) ba ke: A simple and quite wonderful tool, but it needs improvement. It does not respond well.
- (2024-04-23) Irfan ipu: This is amazing! It's so much easier than manually copying inline HTML and CSS from web pages. With just a click of the extension, you can select a section or specific block and then click to "copy code" button – that's it, the inline HTML and CSS are copied. I didn't even know this was possible until recently, and it works flawlessly. The Htflow extension has been an absolute lifesaver! It simplifies the process of extracting inline HTML and CSS directly from web pages effortlessly. Its user-friendly interface ensures easy navigation, even for beginners, and delivers consistently accurate results. It's a real game-changer that simplifies life! Kudos to the developers for creating such a fantastic extension!
- (2024-04-22) Shohel Hossain: I recently downloaded the Htflow inline HTML CSS extractor extension, and I must say, it's been a game-changer for me! This tool has simplified my workflow tremendously, allowing me to extract inline HTML and CSS effortlessly. The interface is user-friendly and intuitive, making it easy for even those who are not technically savvy to use. I particularly appreciate the accuracy and speed with which it extracts code, saving me valuable time and effort.
- (2024-04-22) Shahin: it's an amazing extension for extracting html and inline css. Specially the class name extraction helps a lot to convert html website to webflow.