XodiaVisual editor for React Router and Remix sites.
Bring your React Router or Remix repo and edit it on a live preview. Change content and styles where you see them, set page titles, and build new routes with the AI you already use. Xodia writes the code to your route modules.
Start with a 14-day Pro trial. Card required, no charge unless you upgrade.
What you edit visually
Routes you can click.
Text, images and links
Click anything on the live preview and change it. Text kept as plain JSX in your route components is edited in place.
Styles
On Tailwind sites the Style panel writes the classes and theme tokens. On plain CSS sites it edits rules with a single class; other styles go through your AI.
Page titles and descriptions
Page settings edits the title and description each route renders with React 19, or its meta export when it returns plain values. On older React versions your AI sets titles in code.
Every screen size
Check and change layouts at desktop, tablet and phone sizes on the same live preview.
Your repo, your AI
Your routes stay your code.
Works with your repo
Import a repo from GitHub or open a folder on your computer. routes.ts, your route modules and your config 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 React Router skills: routes, loaders and actions, titles and meta, prerendering and SPA mode, and the version 8 package changes.
Remix v2 sites
Remix v2 sites open as they are. Xodia doesn't upgrade them unless you ask your AI to, as a task of its own.
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
React Router questions.
Which versions work?
React Router 7 and 8 in framework mode, and Remix v2. For single-page React apps that use the router library, see Vite and React.
What does it cost?
Start free, or with a 14-day Pro trial. See pricing for every plan.