Skip to content
Start free

Switch from Webflow, keep the visual editor

If your Webflow plan renews at the new prices, bring the site to Xodia. It rebuilds your pages as React and Tailwind code in your own git repo, brings your CMS content, and lets you keep editing visually at every breakpoint, without AI credits. Then publish to your own Vercel, Netlify or Cloudflare, where free tiers work.

Start freeSee pricing

Free plan. No card needed.

The Style panel: a pointer sets the heading's weight to 700 Bold, the heading on the canvas turns bold, the top bar shows Saving and the class font-bold appears in the Code tab.

Why people switch

Keep the editor, change who owns the site

The visual editor is why you picked Webflow. Xodia keeps it, and changes where your site lives and what you pay for.

  • New prices at renewal

    In 2026 Webflow merged its CMS and Business site plans into Premium, and older workspace plans move to the new prices at renewal. Xodia is one flat price per workspace, for all its sites.

    See Xodia's prices

  • A site you can take with you

    Webflow's code export is a snapshot you can't bring back, and it leaves the CMS behind. In Xodia the site is React and Tailwind code in your own git repo, its content included.

    See Git and publishing

  • Edits that never cost a credit

    Every click, style and breakpoint change in Xodia writes the code directly, with no AI in between. When you want AI, connect the one you already use.

    See the visual editor

Step 1: Import

Import your site and convert it to React

Paste the address of the Webflow site you own. Xodia copies its pages, then Convert to React rebuilds them as React and Tailwind code, without AI.

  • Pages keep their addresses and titles, and each one gets a score for how closely it matches the original
  • Collection pages the import finds become Xodia CMS collections, and your collection lists are bound to them, so new items show up on their own
  • Interactions come over as code where they can, and a CONVERTED.md file lists what to check
  • One import copies up to 4 pages on Free, 10 on Starter, 20 on Pro and 500 on Agency. See Import a website

The New project dialog on Import a website: the website address and project name, notes on how many pages your plan imports and what is left out, the box confirming you own the site ticked, and Start import.

Step 2: Content

Bring every CMS item with a CSV

The import picks up the items your site shows. For the rest, and for fields that never appear on a page, export each Webflow collection as CSV and import it in the Content tab.

  • Match each column of the file to a field, or skip it
  • Update items with the same slug, so a second import fixes the first
  • Images given as web addresses are downloaded into your site
  • Free includes 2 collections and 100 items a site, and Agency up to 40 collections and 20,000 items a site. Read about CSV import

Importing a CSV file into a Xodia collection: each column of the file with its first row and the field it goes into, update items with the same slug, and the check before import: 22 new, 2 to update and 18 images to download.

Step 3: Edit

Edit visually, at every breakpoint

Pick an element and change its layout, type, colours and spacing in the Style panel, from Phone to Wide. Each change writes Tailwind classes into your code, with no AI and no credits.

  • Six sizes from Phone to Wide, with styles that apply from one size up
  • Classes you can share and combine, variables and components
  • Double-click any text on the page and type over it
  • Connect your own AI over MCP when you want it, on every plan, Free included. Connect your AI

The Xodia canvas at the Phone breakpoint with Edit on: the Navigator lists the page's layers, the selected heading is outlined on the live preview of a bakery site, and the design panel shows its style.

Step 4: Publish

Go live on Xodia or your own host

Go live puts the site on its own xodia.site address in one click. On a paid plan, connect your domain with the hosting add-on, or deploy to your own Vercel, Netlify or Cloudflare account instead.

  • Check the new site on its xodia.site address, then point your domain at it when it's ready; your Webflow site stays up until then
  • With your domain connected, the xodia.site address becomes a Preview for testing each update first
  • Or push to GitHub on every plan, Free included and let your own host deploy each push, with deploys and build logs in Xodia on Starter, Pro and Agency
  • Add redirects for any address that changed. Pages you move in Xodia later get their redirects written for you. Read about redirects

The Publish menu in Xodia with a custom domain: www.risebakery.com and the Preview, rise-bakery.xodia.site, each ticked with when it was published, the Password on Preview switch and Update both, then Push to Git and Deploy.

Our own site first

We converted our own studio's site

Zuzo Studio, the studio that makes Xodia, converted its Webflow site, zuzostudio.com, with Import a website and Convert to React. This is how closely the result matched the original.

  • 95%+

    Every inner page

    Inner pages matched the original 95% to 100%, before any tidy-up.

  • 88%

    The whole site

    Across every page, the animated home page included, where interactions are rebuilt best-effort.

  • No AI

    To convert it

    Convert to React rebuilds the pages from the published site. AI is only for tidying up, if you want it.

Match scores from Convert to React, measured on our staging site in November 2026.

Before: Webflow

The zuzostudio.com home page as Webflow serves it: a dark page with the heading Websites that move with your brand, a short intro, Start a project and See how we work, and on the right a Now shipping bar, an animated demo panel and a Studio log card showing 312 components in client libraries.

After: Xodia (React + Tailwind)

The same home page converted to React and Tailwind in Xodia's preview: the same navigation, heading, intro, buttons, Now shipping bar and Studio log card, with a different demo in the animated panel and the Trusted by teams at logo row below.
The home page of our own studio site, zuzostudio.com, before and after converting it with Xodia. The animated panel on the right cycles through demos, so it differs between captures.

What you pay

One flat price for every site

Webflow charges per site and per seat. Xodia charges per workspace, and a custom domain on Xodia hosting is a small add-on per site.

  • On Webflow

    • A site plan for each site, at whatever price your plan renews at
    • Workspace seats on top for the people who edit
    • Hosting and its limits tied to each site plan

  • On Xodia

    • Starter $9, Pro $19 or Agency $49 a month per workspace, for up to 10, 30 or 100 projects
    • Extra seats at $6 a month each
    • Hosting with your custom domain: $6 a month for the first site, then $5 for each more on Starter, or your own host at no cost from Xodia
    • No AI credits: visual edits don't use AI, and your own AI runs on your own plan with it
    • Free: no card, 2 projects, Xodia CMS with 2 collections and 100 items a site, and your own AI

Every plan is billed monthly in US dollars. Compare every plan and limit.

Good to know

What doesn't come over yet

Check these before you switch. If your site depends on one of them, plan for it first.

  • Forms

    Webflow forms send through Webflow. Your converted forms look the same but need a form service to send: connect one yourself, or ask your AI to.

  • Ecommerce

    Products, carts and checkout from Webflow Ecommerce don't convert. Run the store on a commerce service and link to it from your site.

  • Localization

    Translated pages from Webflow Localization don't come over. Add your languages again with Xodia Languages, then translate on the canvas or with your own AI.

  • Site memberships

    Member sign-in, gated pages and user accounts don't come over. Xodia sites have no visitor logins.

  • Hosting

    Xodia hosting serves your converted pages with HTTPS, your redirects and Xodia Forms. Features that only run on Webflow's own hosting stay with Webflow.

  • Interactions

    Interactions are converted as closely as they can be, and may need a tidy-up. Adjust them with Xodia Motion, or ask your AI.

Questions

Questions about switching from Webflow

Will my Webflow CMS content come with me?

Yes. Import a website turns the collection pages your site publishes into Xodia CMS collections and binds your collection lists to them. To bring every item with all its fields, export each collection as CSV in Webflow and use Import CSV in the Content tab. Free includes 2 collections and 100 items a site. See Xodia CMS.

What happens to my SEO and old links?

Converted pages keep their addresses and page titles, so most links keep working. Check each page's title and description before you go live. If an address changes, add a redirect at your host: Netlify and Cloudflare read a _redirects file, and Vercel reads vercel.json. Pages you move in Xodia later get their redirects written for you.

Can I keep my custom domain?

Yes. On a paid plan, add the hosting add-on to the site, add your domain in Xodia and change its DNS records when the new site is ready, and Xodia sets up HTTPS. Or add it at your own host. Your Webflow site stays live until you change the records.

What happens to my interactions?

Convert to React rebuilds page load, scroll, hover and click interactions as code where it can, and CONVERTED.md lists the ones it couldn't. Expect some tidy-up: adjust them on the interactions timeline, or ask your AI. The full timeline is on Starter, Pro and Agency, and Free includes hover presets. See Interactions.

How much does hosting cost?

A xodia.site address comes with every plan, with about 1,000 visits a month on Free and more on paid plans. A custom domain is the hosting add-on, per site: Site, with about 15,000 visits a month, is $6 a month for the first site, then $5 for each more on Starter and Pro, and Busy is $15 a month. Or use your own host, such as Vercel, Netlify or Cloudflare, at no cost from Xodia. See Xodia hosting.

Can I try it free?

Yes, with no card. On Free you can import and convert a site of up to 4 pages, bring 2 collections and 100 items a site, edit it visually, connect your own AI and put it live on its own xodia.site address. Bigger sites need a paid plan: one import copies up to 10 pages on Starter, 20 on Pro and 500 on Agency.

Do I need to know how to code?

No. You click, type and pick styles in panels, the way you did in Webflow, and Xodia writes the code. Every change is saved as you make it, nothing goes live until you publish, and you can restore any earlier version.

Keep exploring

Related pages

Bring your Webflow site and keep editing it visually.

Start freeSee pricing

May we use Google Analytics to see how people find and use this site? It sets cookies only if you allow it. Cookie policy