Visual editor for Astro sites.
Open your Astro project and edit it on a live preview. Change words, images and styles in place, set each page's title, and let the AI you already use build new pages. Xodia writes the changes to your .astro files.
Start with a 14-day Pro trial. Card required, no charge unless you upgrade.
What you edit visually
Your pages, edited where you see them.
Text, images and links
Click anything on the live preview to edit it. Text written as plain HTML in your templates is edited in place, right in the .astro file.
Component styles
The Style panel edits single-class rules in your stylesheets and in the style blocks of .astro components. On Tailwind sites it writes the classes and theme tokens.
Page titles and descriptions
Page settings edits the title and description your pages pass to their layout, and the frontmatter of Markdown pages.
Every screen size
Check and change layouts at desktop, tablet and phone sizes on the same live preview.
Your repo, your AI
Your Astro code stays yours.
Works with your repo
Import a repo from GitHub or open a folder on your computer. Your pages, layouts, components and content collections stay as they are.
Your AI over MCP
Sign in to Xodia from Claude, Cursor or any MCP client. Your AI works with Xodia's Astro skills: layouts, islands, content collections and the changes in Astro 6 and 7. You review every change.
Headless CMS sites
Your AI also gets skills for Astro with Sanity, Contentful and Storyblok, and for content kept as files in your repo.
Preview anywhere, ship where you host
Previews run on Xodia, or on your own Cloudflare account. See deploys, logs and environment variables from Vercel, Netlify or Cloudflare.
Questions
Astro questions.
Which Astro versions work?
Astro 4 to 7.
Do I need Tailwind?
No. Astro sites with plain CSS or component style blocks work too: the Style panel edits rules with a single class, and your AI handles the rest.
What does it cost?
Start free, or with a 14-day Pro trial. See pricing for every plan.