Skip to content
Start free
NewConnect your own AI on the Free plan

Edit your site visually, with no AI credits, on code you own

With Xodia, click to restyle any page at every screen size, and no edit ever spends an AI credit. Bring Claude, Cursor or any MCP app for the big jobs, keep content in a real CMS, and go live on Xodia hosting or your own host. One flat monthly price.

Start freeTake the tour

Free plan, no card needed. Connect your own AI on Free.

Xodia from plan to page: the Plan tab's sitemap of a bakery site, then a wireframe of every page, then the built home page in Design with its heading selected while the top bar turns from Saving to Saved.

Works with your stack

See every framework and what you can edit on each
Vite + ReactFramework
HTML sites on ViteFramework
Tailwind CSSStyling
Plain CSSStyling
CSS ModulesStyling
SassStyling
styled-componentsStyling
shadcn/uiUI kit
SanityHeadless CMS
ContentfulHeadless CMS
StoryblokHeadless CMS
PrismicHeadless CMS
DecapGit-based CMS
VercelHost
NetlifyHost
CloudflareHost
GitHub PagesHost

The whole life of a site

From idea to live site, in one place

Start a site, plan it, build it with your AI, edit it by hand, and keep it growing with your team. Each step is a part of Xodia, on the same project.

  1. Start

    Pick a template or a starter, import from GitHub, or copy a site you own by its address.

    See the starters

  2. Plan

    Tell your AI about the business, or make the plan from your site. It stays in sync as you build.

    See the Plan tab

  3. Build

    Your AI builds every page from the plan, in your brand voice, with matching art and checked links.

    Build with your AI

  4. Edit

    Click and style anything, at every screen size. Add motion. Edit code when you want to.

    See the visual editor

  5. Content

    Xodia CMS keeps collections in your repo. Writers fill in forms, and every item gets a page.

    See Xodia CMS

  6. Grow

    SEO checks, PageSpeed tests and your analytics, next to the pages they are about.

    See SEO and Insights

  7. Team

    Comments on the page, a live team view, roles and a full history of every change.

    See working together

  8. Publish

    Go live on Xodia in one click, with your own domain, or push to git and deploy to your own host.

    See git and publishing

Start from a template

Or start from a finished site

Free templates with real copy, photos, CMS collections and motion. Try each one as a live demo, then make it yours, visually or with your AI.

See every template

Plan it with AI

Every plan

A whole site, planned before a page is built

In the Plan tab, write a brief and add sites you like. Your AI studies them, then drafts a sitemap and a wireframe of every page, side by side on one canvas.

  • A library to plan from40 section types with 138 layouts, and 23 page templates to start a page from.
  • In sync with your siteEvery planPages, folders, sections and collections flow back into the plan as you edit. Make the plan from a site you already have, with no AI.
  • Style and motionColours, fonts, one of 9 free icon sets, and how much the site moves.
  • Built by your AICopy in your brand voice, links between your pages and matching SVG art for each placeholder image.
See the Plan tab

Xodia's Plan tab on Sitemap: Home and the pages under it as cards on a canvas, each with its sections drawn as small layouts and the shared navigation and footer, with Wireframe 5 pages and Build 5 pages in the toolbar.

Build with AI

Built by the AI you already use

Connect Claude Code, the Claude app, Cursor, Codex or any MCP app. Xodia gives it the tools to change your site, the skills to do it well, and checks it runs on its own work: design, copy and links.

  • 54MCP toolsIn groups: projects, workspace and preview, files, checks and logs, selection, checkpoints, requests from Xodia, review comments, site plan, CMS, forms, languages, pages and folders, skills, deploys, SEO and speed and screenshots.
  • 9PromptsReady-made jobs your AI can run, such as /xodia:build, /xodia:work, /xodia:animate in Claude Code.
  • 56Core skillsHow to plan, build, design, check and publish, plus 17 skills for specific frameworks, CMSs and hosts. Written by developers with 18+ years of building websites.
  • From XodiaEasiest. Send requests from Xodia's ask box; Claude Code on your computer runs them, and every step and approval shows in Xodia.
  • Claude CodeClaude in your terminal, with Xodia's plugin and short commands.
  • Claude appClaude on the web, desktop or phone, as a custom connector.
  • OtherCursor, Codex, VS Code and any other app that speaks MCP.
Connect your AISee how requests, tools and skills workSee the checks your AI runs

Edit

Edit anything, at every screen size

Click and type, style in the panel or point at it and ask your AI. Add motion with interactions, and open the Code tab beside the canvas when you want the file itself.

Click anything, type over it

Select any element on the live preview of your site. Double-click text to edit it in place, with bold, italic and links. Xodia finds the line in your component and changes only that.

  • Six breakpoints, from phone to wide screens
  • Navigator, breadcrumbs and a right-click menu
  • Undo for every edit, shortcuts and Quick add with Cmd+K

The Xodia editor with Edit on: a pointer clicks a bakery site's heading and double-clicks it, the formatting bar appears, new words replace the old ones in place and the top bar shows Saving while the change is kept.

Content

Every plan

Content your team can edit

Xodia CMS keeps your collections in your own repo. Writers change text, images and references in forms, and every item gets a page with its own SEO: forms, not tickets.

  • Xodia CMSCollections with the fields you choose, CSV import, lists on any page and a page for every item.
  • Also works withMarkdown folders and Decap CMS, and Sanity, Contentful, Storyblok and Prismic entries, with drafts and publish.
See Xodia CMS

The Content tab: a bakery site's Journal collection in Xodia CMS, its posts with their status as Live or Draft, search, filters, Columns, CSV and New journal post.

Your code stays yours

A normal project in your own git repo

Xodia builds and edits real code. Nothing moves into a platform, so your team keeps its editor, its reviews and, if it likes, its host.

  • Your repo, your choice of hostImport from GitHub and stay in sync. Go live on Xodia hosting, or let your own host deploy as it does today.
  • Saved as you go, pushed when you sayEvery edit, by you or your AI, is saved in Xodia at once. Push to Git makes a commit with just the lines you changed.
  • Branches and pull requestsStarter and upWork on a branch, open a pull request and merge it once it has been reviewed.
  • Nothing to exportStop using Xodia whenever you like. Your code is already yours, so any host can serve it.

The Push to Git dialog in Xodia: it commits every change on main since the last push with the message Make the hero heading bold, and takes a restore point with the commit.

Team

Every plan

Work on it together

Everyone works on the same live preview, and every change has a name next to it, a person's or their AI's.

  • Comments on the pagePin a comment to any element at its screen size, mention a teammate, resolve it, or send it to your AI.
  • Live team viewSee who is on the page and what they have selected, and follow a teammate.
  • Activity and restoreWho changed what on every branch, people and AI, and a restore point for every push.
See comments and reviewSee working together

Xodia with two teammates on the same branch: their faces in the top bar, Sam Lee's dashed outline marked editing on the heading you have selected, Ana Ruiz's outline on the paragraph, coloured dots in the Navigator, and the design panel's note that Sam Lee is editing this element.

Ship and grow

Go live, then see how it does

Check speed and search, read your analytics and watch your deploys in the same place you edit.

SEO and speed tests

Every plan

Test the live site with Google PageSpeed Insights from the SEO tab: scores, Core Web Vitals and failed checks, each with a jump to the panel that fixes it. Free includes 5 tests a month.

Insights

Starter and up

Visitors, top pages, referrers and devices from Google Analytics 4, Cloudflare Web Analytics or Vercel Web Analytics, next to the page you are editing.

Host status

Starter and up

On your own host, such as Vercel, Netlify or Cloudflare, see each branch's deploy, read the build log, and send a failed build to your AI to fix.

Who it's for

Built for the way you work on sites

Build a new site from a brief, or take over one you already have, even one your AI wrote. Then edit it yourself, with your team or with your AI.

  • Build a new site

    Go from a brief to a planned, built and published site, with the AI you already pay for.

    Plan a new site

  • Rebuilt with AI

    Your AI wrote the site, and now every change needs a prompt. Import it and edit it yourself.

    Xodia for sites built with AI

  • Marketing teams

    Businesses and marketers change the pages themselves, while developers review every change on a branch.

    Xodia for teams

  • Freelancers

    Plan and build client sites faster. Clients edit their own content, and you review the code.

    Xodia for freelancers

  • Agencies

    Run every client site from one workspace, with roles, comments and each client's own domain.

    Xodia for agencies

  • Developers

    Keep your stack, your repo and your AI. Xodia adds the Plan tab, a visual editor and MCP tools.

    Xodia for developers

Pricing

Start free, upgrade when you grow

Monthly plans per workspace, in US dollars. Every plan includes the visual editor, Xodia CMS, a site plan in sync with your site and your own AI over MCP. Paid plans lift the limits and add connected CMSs, branches and host connections.

  • Free$0 / monthThe full visual editor, Xodia CMS and your own AI, up to 4 pages a site plus collection pages. No card needed.2 projects
  • Starter$9 / monthMore pages and projects, a bigger CMS, connected CMSs, CMS and host packs, branches and host connections.10 projects
  • Pro$19 / monthTeam roles, more seats and bigger imports.30 projects
  • Agency$49 / monthMore seats and projects, with priority support.100 projects

Every new workspace starts on Free, with no card. There is no trial: upgrade when you need more.

Compare every plan and limit

Questions

Questions people ask first

Can Xodia build a whole site for me?

Yes, with your AI. In the Plan tab you write a brief and add sites you like, and your AI drafts the sitemap, a wireframe of every page and the style. Then it builds each page from the plan, with copy in your brand voice and links between your pages, and you edit the result visually. See Plan with AI, or read what an AI website builder for real code is.

The plan and the build run on the AI you connect, on every plan, Free included.

Which AI does it use?

The one you already use: Claude Code, the Claude app on the web, desktop or phone, Cursor, Codex, VS Code and any other app that speaks MCP. They connect with OAuth and run on your own plan with that app.

You can also send requests from Xodia's ask box to Claude Code on your computer through the Xodia helper, with your own Anthropic API key.

Do I need to code?

No. You plan in the Plan tab, click and type on the page, style it in the design panel and edit content as forms. The code is always there in the Code tab when you or your developer want it.

Where does my site live?

The code lives in your git repo on GitHub, or in Xodia's own code storage until you move it to GitHub. Your live site can be on Xodia hosting, on its own xodia.site address or your custom domain, or on your own host, such as Vercel, Netlify or Cloudflare, which deploys it as it does today. See Xodia hosting.

While you edit, the preview runs in your own browser, kept apart from Xodia on its own address. There is nothing to start and no preview hours to count.

Is it free?

Yes. The Free plan includes the full visual editor, Import a website, one live site on Xodia hosting, Xodia CMS with 2 collections and 100 items a site and 2 projects of up to 4 pages each, plus their collection pages. You can connect your own AI on Free too, within the same limits. Connected CMSs start on Starter.

Signing up needs no card. Nothing is charged unless you choose a paid plan. See Xodia pricing.

Which frameworks?

The Xodia template (Vite, React and React Router), Vite sites with React or plain JavaScript, and plain HTML sites, with the full Style panel on Tailwind CSS 4 and a CSS panel on plain CSS and CSS Modules. Next.js, Astro, Nuxt, SvelteKit, Gatsby, Vue, Svelte and Tailwind CSS 3 aren't supported, but you can import any live site you own by its address. See every stack and what you can edit.

What if I stop?

Your site is a normal project in your repo, so there is nothing to export or rebuild. Deploy it to any host and keep working on it with your usual tools.

Plan, build and publish
your next site.

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