XodiaWorks with the stack you already use.
Xodia opens your site as it is and edits its real code. Start from a Xodia template, or import a Next.js, Astro, React Router, Remix, Vite or plain HTML site, styled with Tailwind v4 or v3, plain CSS or CSS Modules.
Start with a 14-day Pro trial. Card required, no charge unless you upgrade.
Next.js
App Router and Pages Router, Next.js 13 to 16. Click to edit, Tailwind styles and page titles in the metadata export.
Visual editor for Next.jsAstro
Astro 4 to 7. Edit .astro templates in place, style component blocks and set titles through your layout.
Visual editor for AstroReact Router and Remix
React Router 7 and 8 framework mode, and Remix v2. Edit route components and the titles they render.
Visual editor for React RouterVite and React
Xodia templates with React Router and Tailwind v4, and your own Vite and React sites.
Visual editor for Vite and ReactHTML sites
Plain .html pages built with Vite. Edit the markup, single-class CSS rules and each page's head.
Visual editor for HTML sitesTailwind CSS
A Style panel that writes utility classes and theme tokens, per screen size and state, on Tailwind v4 or v3.
Visual editor for TailwindAlso opens
Gatsby sites get click editing too. Nuxt, Vue, SvelteKit and Svelte sites run in the live preview and your AI edits them in code; click editing for them comes later.