Bolt to WordPress: Convert a Bolt.new Project Into a Theme

Bolt.new builds whole sites in the browser, and the files it builds are standard React, CSS and JS. That is exactly what ShipToWP eats. Download your project from Bolt, build it once, upload the output here, and get a WordPress theme with per-page templates and sections you can edit. The live preview is free, no account needed.

Example conversion: a Bolt project download becomes a theme

You built a company site in bolt.new: home, about, services, contact. You click Download in the top bar and Bolt zips the project folder.

One build step is on your side: unzip it, run npm install and npm run build, then zip the dist folder the build writes. That dist upload goes into ShipToWP, which reads the pages and assets inside and rebuilds them the WordPress way: one template per page, shared header and footer, styles enqueued.

Bolt sites paint their content in the browser rather than shipping it in the HTML, so ShipToWP renders the built export in your own browser first and converts what actually appears on screen. Nothing is uploaded to a server to do that.

The preview lets you walk the converted theme before you commit to anything. Downloading gives you a theme zip that installs on any self-hosted WordPress 6.x site through Appearance > Themes.

Accepted input: what to export from Bolt.new

  1. 01Open your project in bolt.new and make sure the preview shows the final state you want to convert.
  2. 02Click the Download button in the top bar to save the project files as a zip.
  3. 03Unzip it, open a terminal in that folder and run npm install, then npm run build. Bolt builds with Vite, so the build writes a dist folder.
  4. 04Zip the contents of dist and upload that here. If a single page is all you need, saving that page as index.html and uploading just the file also works.

ShipToWP also accepts a single index.html file, so one-page builds never need the zip step.

What you get

  • A WordPress theme zip that installs on any self-hosted WordPress 6.x site.
  • One page template per exported page, with the header and footer split into shared theme parts.
  • Stylesheets and scripts the export ships are enqueued the WordPress way instead of inlined on every page.
  • Content structured as section blocks: edit copy in the dashboard, extend with Elementor or the block editor.
  • A live preview of the converted theme before you download, free and with no sign-up.

Bolt projects are React and Tailwind source. After the build, ShipToWP works from the markup, styles and assets in dist and renders them in your browser where the pages are still generated by JavaScript. The theme output is standard WordPress theme files with no Bolt or React dependency left inside; the interactivity that made the page move does not travel.

Bolt.new to WordPress: best for, and not for

Best for

  • Marketing sites and landing pages built in Bolt that need a CMS behind them.
  • Getting off builder subscriptions once the design is final.
  • Delivering a Bolt prototype to a client who expects WordPress.
  • Keeping Bolt-designed layouts pixel-close while gaining dashboard editing.

Not for

  • Bolt-hosted backends, databases and auth. The conversion is the site layer, not server logic.
  • Migrating content into WordPress posts automatically. Pages become templates, content editing happens afterwards.
  • Interactive app features like editors, chat or checkout flows.
  • WooCommerce, multilingual automation, or hosting from us.

How to run the bolt to wordpress conversion

  1. 01Put the files together exactly as the steps above describe them: a zip of the built HTML, or a single index.html.
  2. 02Open the converter and drop the file in. The live preview builds without an account.
  3. 03Check every page in the preview, then download the theme zip. The conversion hub lists the other supported sources.

Install the theme on WordPress

In your WordPress dashboard go to Appearance > Themes, click Add New, then Upload Theme. Choose the zip ShipToWP gave you, press Install Now and activate. The site runs on your own hosting from that moment; there is no ShipToWP plugin or account dependency left in the theme.

Limitations and editing after conversion

Conversion rebuilds structure, not server logic. Expect these polish items after activating the theme:

  • Forms export as markup. Connect them to a WordPress form plugin once the theme is live.
  • Content that only appears after a click (accordions, tabs, carousels) is captured in whatever state it was in while rendering. Check those sections in the preview and rebuild the behaviour with a WordPress plugin if you need it.
  • Re-point navigation links at your published WordPress pages after activation.
  • Menus, widgets and site identity stay editable in the standard WordPress places.

Bolt.new to WordPress: common questions

Does Bolt.new let you export the code?
Yes. Every Bolt project has a Download option that zips the project files. That zip is React source, so run npm install and npm run build inside it and upload the dist folder the build produces; that is the form ShipToWP converts.
Will the converted Bolt site be editable?
Yes. Pages come out as theme templates built from section blocks, so copy and images are editable in the WordPress editor, and sections can be rebuilt in Elementor if that is your workflow.
Is the preview really free?
The live preview needs no sign-up and does not expire. You see the converted theme running before deciding whether to download it.