# Edit a v0 or Bolt export visually URL: https://xodia.ai/guides/edit-v0-bolt-export-visually Description: How to edit a site exported from v0 or Bolt visually: import the repo or the live site into Xodia, then click and style every page, with no credits per change. Last updated: 2026-11-08 To edit a site you exported from v0 or Bolt without another prompt, bring it into Xodia: a Vite and React export opens as its own code from GitHub, and a Next.js app comes in as its live pages, rebuilt as React. Then click and style anything on the page. Updated November 8, 2026 [Start free](https://app.xodia.ai/auth/sign-up?ref=guides-edit-v0-bolt-export-visually) [Supported frameworks](https://xodia.ai/frameworks) Free plan. No card needed. Step by step ## How to edit a v0 or Bolt export visually Check what you exported first: the steps depend on it. Either way, you end up editing real code on a live preview. 1. 1 Check what the export is Open the export's package.json. If it lists vite and react, Xodia opens the code itself: follow the next steps. If it lists next, it's a Next.js app, which Xodia doesn't open as code: skip to step 5. 2. 2 Put the code on GitHub Use the tool's GitHub export, or download the code and push it to a new GitHub repository. Keep the site at the root of the repository, not in a subfolder. 3. 3 Import the repository In Xodia, connect GitHub in Connections and install the Xodia GitHub App on the repository. Press New project, choose Import from GitHub and pick it. Xodia checks the repository before it creates anything. 4. 4 Upgrade Tailwind 3 if Xodia asks If the export uses Tailwind CSS 3, Xodia stops and shows the upgrade command and a prompt for your AI. Run the upgrade on a branch, check that the site looks the same, push, and press Import again. 5. 5 Or import the live site by its address For a Next.js app, or any export you can't push, publish it first. Then press New project, choose Import a website and paste its address. Xodia copies the pages, and Convert to React rebuilds them as React and Tailwind code. 6. 6 Edit on the canvas, then push Click any element to change its text, image, link or style, at every screen size. Push your edits to GitHub and let your host deploy them, or go live on Xodia hosting. A Vite and React export ## Your export, opened as it is A Vite and React export opens from GitHub with full [visual editing](https://xodia.ai/glossary/visual-editor). Xodia checks it before it creates the project and names the file and line of anything it can't run. - Styling with Tailwind 4, plain CSS or CSS Modules is edited in its own system - If the export uses Bun, pnpm or Yarn, Xodia offers to switch it to npm, once - Tailwind 3 gets a guided upgrade first. [See the upgrade guide](https://xodia.ai/guides/upgrade-tailwind-3) - Xodia adds no package or config file of its own. [Read the GitHub guide](https://xodia.ai/guides/edit-ai-built-site-github) A Next.js app ## Import the live site, then convert it Xodia doesn't open Next.js code. If the site is published, Import a website copies its pages by address, and Convert to React rebuilds them as React and Tailwind code, without AI. - Pages keep their addresses and titles, and each one gets a score for how closely it matches - Server code, such as API routes and sign-in, doesn't come over: keep it where it runs - One import copies up to 4 pages on Free and 10 on Starter. [See Import a website](https://xodia.ai/start#website) Edit ## Small changes without credits Every click, word and style writes the code directly, with no AI in between. Keep your own AI for bigger changes. - Six sizes from Phone to Wide, with styles that apply from one size up - Double-click any text on the page and type over it - Connect Claude, Cursor or any [MCP](https://xodia.ai/glossary/mcp) app. [Connect your AI](https://xodia.ai/ai) Questions ## Questions about v0 and Bolt exports **How do I know which kind of export I have?** Open package.json in the export. Vite and React in its dependencies means Xodia opens the code itself. Next means a Next.js app, which comes in through Import a website instead. **Can I keep using v0 or Bolt after I import?** If the tool pushes to the same GitHub repository, yes. Work on a branch in Xodia and open a pull request, so your edits sit cleanly beside what the other tool pushes. A site rebuilt with Convert to React is a new codebase, so continue there. See [GitHub](https://xodia.ai/integrations/github). **Does my backend keep working?** Code that calls a service, such as a database, stays as it is and keeps running. Xodia edits the front end; your tables, sign-in and server functions stay where they are. **Do I need to know how to code?** No. You click, type and pick styles in panels, and Xodia writes the code. Every change is saved as you make it, and nothing goes live until you publish. Keep exploring ## Related guides and pages - [Edit an AI-built site exported to GitHub Import the repo an AI tool made and keep editing](https://xodia.ai/guides/edit-ai-built-site-github) - [Edit a site built with Cursor, visually Import the repo and keep Cursor on the same code](https://xodia.ai/guides/edit-cursor-site-visually) - [Upgrade a Tailwind 3 site to Tailwind 4 Upgrade once, then import your site into Xodia](https://xodia.ai/guides/upgrade-tailwind-3) - [Bring your Lovable or Bolt site Import the repo, edit visually with no credits](https://xodia.ai/switch/lovable-bolt) - [Start a site Import from GitHub or by a website's address](https://xodia.ai/start) - [Frameworks The stacks Xodia opens, and the ones it refuses](https://xodia.ai/frameworks) [See every guide](https://xodia.ai/guides) Primary sources ## Official docs Updated November 8, 2026 - [Getting started, Vite docs](https://vite.dev/guide/) - [About using GitHub Apps, GitHub docs](https://docs.github.com/en/apps/using-github-apps/about-using-github-apps) - [Upgrade guide to v4, Tailwind CSS docs](https://tailwindcss.com/docs/upgrade-guide) ## Bring your export into Xodia. [Start free](https://app.xodia.ai/auth/sign-up?ref=guides-edit-v0-bolt-export-visually-cta) [See pricing](https://xodia.ai/pricing)