Free tool

HTML → Bricks Converter

Paste any HTML and get a native Bricks template JSON — import via Templates → Import, no plugin at all. Free.

Use the tool ↓ See ready→made

Bricks templates import natively from JSON — no companion plugin needed on the receiving end. This free converter turns any HTML into a native Bricks template: elements map to their Bricks equivalents, and your CSS becomes Bricks global classes with the same names so they stay editable in the builder's class manager. Paste your markup, convert, download the JSON, and import it via Bricks → Templates → Import. No plugin at all — Bricks reads the file directly.

  1. 1

    Copy your HTML

    Grab the markup — a full page, a section, an old site's view-source, whatever you're starting from.

  2. 2

    Convert here

    Paste it below, hit Convert, download the Bricks template JSON.

  3. 3

    Import in Bricks

    Go to Bricks → Templates → Import, pick the file — done. No plugin needed.

🔒 Conversion runs in your browser. To improve conversion quality we keep an anonymized structural copy of the input — all text is scrambled and URLs removed before anything leaves your browser. Details.

HTML Input

Paste any HTML — a full page, a section, an email fragment, or AI-generated markup.

The output is a Bricks template JSON. In Bricks go to Templates → Import, upload (or paste as) the downloaded file, then insert the template on any page.

Heads-up: media isn't sideloaded — external image URLs keep pointing at the source site until you re-upload them into your Media Library.

Bricks Template JSON

From the makers of ready→made

Building from a Figma design instead?

ready→made converts your Figma designs straight into clean HTML — a real layout engine, not AI guesswork — then bring it into Bricks the same way.

See ready→made →
FAQ

Good to know.

Is this really free? Do I need a plugin?

Completely free, and no plugin at all — Bricks imports the resulting JSON file natively via its own Templates → Import screen.

What HTML can I paste in?

Anything: a full page, a section, an old static site, output from an email builder or AI tool.

What happens to my CSS?

It's mapped to Bricks global classes with the same names, so they show up and stay editable in Bricks' class manager afterwards.

What can't be converted?

Inline <script> tags and anything relying on JavaScript at render time are skipped and listed in the conversion notes.

Migrating an existing Oxygen or Elementor build to Bricks instead?

Use Oxygen → Bricks or Elementor → Bricks — they read the source builder's own data format directly.

Targeting Elementor instead of Bricks?

The same HTML input works in the free HTML → Elementor converter, which outputs Elementor's native paste format instead of a Bricks template file.

I'm starting from a design, not existing HTML.

Then use ready→made to convert the Figma design directly.

More free tools

Other converters in the suite.

Leaving Elementor

Leaving Oxygen

Leaving WPBakery

Leaving Divi

Leaving Bricks

From HTML

Forms & more

Ready?

Build a real site from your Figma file — in minutes.

Get ready→made Try free in Figma →
menu