Lovable → WordPress converter
Convert your Lovable website into an editable WordPress theme
IQDesk reads the Lovable project you export (a ZIP or a GitHub repository, React + Tailwind CSS + shadcn/ui) and turns it into a WordPress block theme: real pages built from core Gutenberg blocks, editable in the Site Editor, with your colors, typography, images, forms and products. Then it shows the result next to the original site so you can check every section before you download.
Conversion and download are free. Two AI fix attempts are included with every account.
// src/pages/Index.tsx (Lovable) <section className="py-24 bg-slate-50"> <h2 className="text-4xl font-bold tracking-tight"> Book a demo </h2> <Button size="lg">Get started</Button> </section>
<!-- patterns/page-home.php (WordPress) --> <!-- wp:group {"align":"full","style":{"color": {"background":"#f8fafc"},"spacing":{"padding": {"top":"6rem","bottom":"6rem"}}}} --> <!-- wp:heading {"style":{"typography": {"fontSize":"2.25rem","fontWeight":"700"}}} --> <h2>Book a demo</h2> <!-- wp:buttons --> … <!-- /wp:buttons --> <!-- /wp:group -->
STEP 1
Upload the project
Drop the Lovable ZIP or paste the GitHub repository. Add the published Lovable URL if you want the side-by-side comparison. The converter detects the routes, the shared header and footer, forms and products.
STEP 2
Review in WordPress Playground
The theme is installed into a WordPress that runs in your browser. Original and WordPress are shown side by side at the same width, with heading positions, image counts and page heights compared automatically.
STEP 3
Fix, then download
Ask the AI agent to fix what differs: it reads the source, measures both pages, edits the theme and verifies the result. Download the theme ZIP and install it on any WordPress 6.5+ site.
What you get
The output is a self-contained WordPress block theme. On activation it creates the pages, sets the front page and permalinks, builds the navigation menu and side-loads the logo and images. Nothing depends on IQDesk afterwards.
- One pattern per page made of core blocks: group, columns, heading, paragraph, image, buttons, list, separator, details, quote, video, audio. Decorative mockups drawn with divs become small HTML blocks.
- Header and footer parts with the site navigation, logo, buttons and, for stores, a cart link.
- theme.json with the project's palette and type scale, so the editor offers your colors and sizes.
- Forms → Contact Form 7, products → WooCommerce (created on first visit, bound by slug).
- Assets copied from the project, referenced with
get_theme_file_uri(). - Install guide and a conversion report listing everything that was approximated or omitted.
| Lovable | WordPress | |
|---|---|---|
| Sections, grids, flex rows, cards | Group and columns blocks | Converted |
| Tailwind spacing, colors, type, borders, radius, shadows | Block styles + theme.json | Converted |
| Images, logos, hero photos | Image blocks, theme assets | Converted |
| Contact and lead forms | Contact Form 7 | Converted |
| Product listings and pages | WooCommerce products | Converted |
| Hover states, carousels of stacked images, accordions | Theme CSS/JS, details block | Approximated |
| Absolutely positioned decorations, iframes, canvas | Reported in the conversion notes | Omitted |
| Auth, Supabase, dashboards, React state | Detected, not converted | Not converted |
Full list on the supported features page.
A real conversion you can download
The sample project bundled with the converter is a small Lovable marketing site. Both the input and the output below are produced by the same code that runs in the app; the numbers come from the conversion report.
2
pages generated
178
Gutenberg blocks
1
conversion note
See the examples page for measured results on larger projects.
How faithful is it?
On a 7-section SaaS landing page the converted home page matches the original's 7 headings and 3 images, and the rendered page height is within 20 pixels of the Lovable site at 1440px. A 15-page store with WooCommerce and Contact Form 7 converted with 14 of 15 pages matching the original's content structure exactly (the checkout page is WooCommerce's own by design).
What still differs after conversion is shown in the review screen and can be fixed with the AI agent, which knows the original source and measures both pages before and after each change.
Why a converter instead of rebuilding by hand
Manual rebuild
Days of work per site, and every Lovable change has to be redone. Results depend entirely on who rebuilds it.
Headless or embedded
Keeps the React app alive and adds hosting and maintenance; content is not editable in WordPress, and SEO lives in two places.
IQDesk
Minutes per conversion, the output is native WordPress, and the comparison shows exactly what to check. Read the comparison.
Questions people ask
Is the result a real WordPress site or an embed?
A real WordPress block theme: templates, header and footer parts, one pattern per page, theme.json for colors and typography, and the images from your project. Every page is made of core Gutenberg blocks (group, columns, heading, paragraph, image, buttons, list…) so it can be edited in the Site Editor like any other block theme. There is no iframe, no screenshot and no runtime dependency on Lovable or on IQDesk.
What do I need from Lovable?
The project files: either the ZIP of the project (Lovable exports to GitHub, from where you can download a ZIP) or the GitHub repository itself. Optionally the published URL of the Lovable site, which the converter uses for a side-by-side comparison.
Which Lovable projects convert well?
Marketing and company websites built from React, Tailwind CSS and shadcn/ui: landing pages, service pages, pricing, about, contact. Forms become Contact Form 7 forms and product pages become WooCommerce products. Apps with authentication, Supabase data, dashboards or complex React state are detected and reported, not converted. See the full list of supported features.
How much does it cost?
Converting, reviewing and downloading the theme is free and needs no account for the sample project. An account is free too and comes with two AI fix attempts. AI fixes beyond that use credits: $20 buys 666 credits and one saved project, $60 buys 2000 credits and five saved projects.
Where does the conversion run?
In your browser. The project ZIP is parsed and converted by a Web Worker, and the preview runs in WordPress Playground, a WordPress that runs inside the browser. Your files reach our server only when you save the project to your account or when you ask the AI agent for a fix.