Skip to content
Start free

Changelog

What's new in Xodia

What you can see and use in each release of Xodia, newest first. Xodia opens to everyone on November 1, 2026; these are the releases that led up to it.

Gatsby click to edit, Next.js page links and steadier previews

  • Editor
  • Frameworks
  • Previews
  • You can click to edit Gatsby sites
  • Links on Next.js and Gatsby sites open the linked page inside the canvas
  • In a monorepo, changes to a shared package show up in the preview
  • Stopping a preview stops it in every open tab, and it stays stopped until you start it again
  • While a preview starts, you see each step and how long it's taking
  • Automations and the Marketplace appear in Xodia, marked Coming soon

A new logo, a project menu and clearer preview limits

  • Editor
  • CMS
  • Previews
  • Xodia has a new logo, with an animated loader while things load
  • Click the logo in the editor to open a project menu: switch projects, open settings, rename, copy the link, preview, find, undo, redo, save and change views
  • The Content tab edits Keystatic and YAML entries, and Xodia finds the pages of Nuxt 4 sites
  • When you reach your plan's limit on previews at once, Xodia lists the running ones so you can stop one
  • Suggested save messages say which images you changed

New sign-in pages, emails and CSS Modules in the Style panel

  • Account
  • Editor
  • AI
  • Sign in with GitHub or Google, with a password checklist when you sign up
  • Emails to verify your address, reset your password and accept an invitation, and a note before your trial ends or if a payment fails
  • Edit CSS Modules styles in the Style panel
  • Page links on HTML sites open in the canvas, and page settings edit the titles of React Router pages
  • Discard never saves, and your first click after turning on Edit selects the element
  • More skills for your AI, from forms, navigation and translations to Prismic, Contentful, Storyblok, Gatsby, Nuxt and SvelteKit sites

The SEO tab, Insights, the image converter and your AI in the ask box

  • SEO
  • Insights
  • Assets
  • AI
  • The SEO tab tests your live site with Google PageSpeed Insights, and each failed check takes you to the panel that fixes it
  • Insights shows your Vercel, Cloudflare or Google Analytics numbers next to your pages
  • The Assets panel converts images to WebP or AVIF and compresses SVG and GIF files, right in your browser
  • Ask your own AI from the ask box: Claude Code runs on your computer, and its steps and approvals show in Xodia. Connect your AI
  • Page settings on every framework, and undo for text edits
  • Organization settings with roles and permissions, a workspace switcher in the sidebar, and the 14-day Pro trial

Plans, members and built-in AI

  • AI
  • Billing
  • Team
  • Plans and billing with seats, plus members and invitations
  • Built-in AI runs Claude inside your project on Pro and Agency, with monthly AI tokens and top-up packs
  • Pick Opus, Sonnet or Haiku for built-in AI
  • Built-in AI makes edits right away and asks before it runs a command, with Always allow in this project
  • Previews go to sleep when nobody is using them

Host connections, the Styles panel and a projects dashboard

  • Publishing
  • Editor
  • Connect Vercel or Netlify to see your live address, deploys and build logs next to your project
  • Connect Cloudflare Workers Builds the same way, with builds, domains and build logs
  • Copy your host's environment variables into the preview
  • The Styles panel, a spacing editor, and a style panel for plain CSS sites
  • A projects dashboard with folders, a list view, sorting and card menus

The Content tab, local folder mode and interactions

  • CMS
  • Editor
  • The Content tab, with Sanity entries and drafts
  • Local folder mode: edit a site folder on your computer
  • Interactions, with an animation editor
  • Edit a component's props where it's used
  • Click to edit for HTML sites built with Vite

The visual editor, GitHub import and drafts

  • Editor
  • Git
  • Edit without AI: a design panel that writes Tailwind classes, the Navigator, breadcrumbs, the Add panel and the Code tab
  • Import a site from GitHub, with drafts, branches and deploy status
  • Click to edit for Next.js, Vite and React, and Astro sites
  • Pages, Assets, Audits and Variables panels, with dark mode colors
  • A CSS editor for sites without Tailwind
  • Your AI's changes stay drafts until you save, and unsaved work is kept without touching your GitHub repo

First previews, and the AI you already use

  • Previews
  • AI
  • Every project gets a live preview, and you click an element to select it
  • Connect the AI you already use, such as Claude, through MCP
  • Send requests to your AI from the editor, and let it take screenshots of your page
  • Run previews in your own Cloudflare account

See what's next for yourself.

Start freeSee pricing