XodiaVisual editor for Vite and React sites.
Start from a Xodia template or bring your own Vite and React site. Edit it on a live preview, style it from a panel, and build pages with the AI you already use. Every change is plain React code in your repo.
Start with a 14-day Pro trial. Card required, no charge unless you upgrade.
What you edit visually
React components you can click.
Text, images and links
Select anything on the live preview. Text written as plain JSX is edited in place, and Xodia updates the component that renders it.
Styles
On Tailwind sites the Style panel sets spacing, type, colour and layout and writes the classes and theme tokens. On plain CSS sites it edits rules with a single class.
Page titles and descriptions
On React 19, Page settings edits the title and description each page renders. On older React versions your AI sets them in code.
Every screen size
Check and change layouts at desktop, tablet and phone sizes on the same live preview.
Your repo, your AI
Start fresh or bring your site.
Xodia templates
Templates use Vite, React Router and Tailwind v4, with fluid type and spacing tokens, so everything on the page can be edited visually from the start.
Your own Vite and React site
Import a repo from GitHub or open a folder on your computer. Your router, components and build stay as they are.
Your AI over MCP
Sign in to Xodia from Claude, Cursor or any MCP client. Your AI reads and edits the same code with Xodia's Vite and React skills, and you review every change.
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
Vite and React questions.
Which versions work?
Vite 5 to 8 with React 18 or 19. React Router framework mode and Remix sites have their own page.
Who owns a site made from a template?
You do. It lives in your own git repo, and you can stop using Xodia at any time and keep everything.
What does it cost?
Start free, or with a 14-day Pro trial. See pricing for every plan.