Free tool

HTML → Bricks Converter

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

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.

🔒 Runs entirely in your browser — your pasted content is never uploaded to a server.

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.

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.

Ready?

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

menu