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

URL: https://xodia.ai/
Description: Edit your site visually at every screen size with no AI credits. Bring Claude, Cursor or any MCP app, keep content in a real CMS, publish from your git repo.
Last updated: 2026-11-08

[New Connect your own AI on the Free plan](https://xodia.ai/ai)

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 free](https://app.xodia.ai/auth/sign-up?ref=home) [Take the tour](https://xodia.ai/product)

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

## Works with your stack

[See every framework and what you can edit on each](https://xodia.ai/frameworks)

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](https://xodia.ai/start)
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](https://xodia.ai/product/plan)
3. ### Build

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

   [Build with your AI](https://xodia.ai/product/ai)
4. ### Edit

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

   [See the visual editor](https://xodia.ai/product/visual-editor)
5. ### Content

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

   [See Xodia CMS](https://xodia.ai/product/cms)
6. ### Grow

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

   [See SEO and Insights](https://xodia.ai/product/seo)
7. ### Team

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

   [See working together](https://xodia.ai/product/collaboration)
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](https://xodia.ai/product/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.

- [Fernbook Free SaaS and apps, 4 pages CMS Motion Forms](https://xodia.ai/templates/fernbook)
- [Loopwise Free SaaS and apps, 4 pages CMS Motion](https://xodia.ai/templates/loopwise)
- [Northwind Free SaaS and apps, 4 pages CMS Motion Forms](https://xodia.ai/templates/northwind)

[See every template](https://xodia.ai/templates)

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 from 40 section types with 138 layouts, and 23 page templates to start a page from.
- In sync with your site Every plan Pages, 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 motion Colours, fonts, one of 9 free icon sets, and how much the site moves.
- Built by your AI Copy in your brand voice, links between your pages and matching SVG art for each placeholder image.

[See the Plan tab](https://xodia.ai/product/plan)

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.

- 54 MCP tools In 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.
- 9 Prompts Ready-made jobs your AI can run, such as /xodia:build, /xodia:work, /xodia:animate in Claude Code.
- 56 Core skills How 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 Xodia Easiest. Send requests from Xodia's ask box; Claude Code on your computer runs them, and every step and approval shows in Xodia.
- Claude Code Claude in your terminal, with Xodia's plugin and short commands.
- Claude app Claude on the web, desktop or phone, as a custom connector.
- Other Cursor, Codex, VS Code and any other app that speaks MCP.

[Connect your AI](https://app.xodia.ai/auth/sign-up?ref=home-ai) [See how requests, tools and skills work](https://xodia.ai/product/ai) [See the checks your AI runs](https://xodia.ai/product/checks)

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](https://xodia.ai/product/interactions), and open the [Code tab](https://xodia.ai/product/code) 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

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 CMS Collections with the fields you choose, CSV import, lists on any page and a page for every item.
- Also works with Markdown folders and Decap CMS, and Sanity, Contentful, Storyblok and Prismic entries, with drafts and publish.

- [Sanity](https://xodia.ai/integrations/sanity)
- [Contentful](https://xodia.ai/integrations/contentful)
- [Storyblok](https://xodia.ai/integrations/storyblok)
- [Prismic](https://xodia.ai/integrations/prismic)

[See Xodia CMS](https://xodia.ai/product/cms)

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 host Import 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 say Every 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 requests Starter and up Work on a branch, open a pull request and merge it once it has been reviewed.
- Nothing to export Stop using Xodia whenever you like. Your code is already yours, so any host can serve it.

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 page Pin a comment to any element at its screen size, mention a teammate, resolve it, or send it to your AI.
- Live team view See who is on the page and what they have selected, and follow a teammate.
- Activity and restore Who changed what on every branch, people and AI, and a restore point for every push.

[See comments and review](https://xodia.ai/product/comments) [See working together](https://xodia.ai/product/collaboration)

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](https://xodia.ai/product/plan)
- ### 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](https://xodia.ai/solutions/ai-built-sites)
- ### Marketing teams

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

  [Xodia for teams](https://xodia.ai/solutions/teams)
- ### Freelancers

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

  [Xodia for freelancers](https://xodia.ai/solutions/freelancers)
- ### Agencies

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

  [Xodia for agencies](https://xodia.ai/solutions/agencies)
- ### Developers

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

  [Xodia for developers](https://xodia.ai/solutions/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 / month The 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 / month More pages and projects, a bigger CMS, connected CMSs, CMS and host packs, branches and host connections. 10 projects
- Pro $19 / month Team roles, more seats and bigger imports. 30 projects
- Agency $49 / month More 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](https://xodia.ai/pricing)

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](https://xodia.ai/product/plan), or read [what an AI website builder for real code is](https://xodia.ai/ai-website-builder).

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](https://xodia.ai/product/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](https://xodia.ai/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](https://xodia.ai/frameworks).

**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 free](https://app.xodia.ai/auth/sign-up?ref=home-cta) [See pricing](https://xodia.ai/pricing)
