Free tool

Oxygen → Gutenberg Converter

Leaving Oxygen? Paste your Oxygen JSON and get clean, native Gutenberg blocks with your design intact — nothing to install, completely free.

Use the tool ↓ See ready→made

Deactivate Oxygen and your pages render blank — the content lives in Oxygen's own data format. This free converter turns your Oxygen Classic JSON into native Gutenberg blocks: sections keep their constrained layout, headings, text, images, buttons and lists become real core blocks, and your CSS classes and responsive styles travel in a single embedded style block. Copy an element in the Oxygen builder (Ctrl+C), convert, and paste the result into Gutenberg's code editor. No plugin, no account, no lock-in — the output is plain WordPress.

  1. 1

    Copy in Oxygen

    Select the element or section in the Oxygen builder and press Ctrl+C — the JSON lands on your clipboard.

  2. 2

    Convert here

    Paste the JSON below and hit Convert. Skipped elements are listed under the output, with the core block to use instead.

  3. 3

    Paste into Gutenberg

    In the block editor open ⋮ → Code editor, paste, switch back to the visual editor — done. No plugin needed.

Oxygen 4.9 JSON Input

No Oxygen JSON yet? Select an element in the Oxygen builder and press Ctrl+C.

The output is native Gutenberg blocks with one embedded <style> block carrying your design — classes and responsive styles included. In the block editor open the ⋮ menu → Code editor (Ctrl+Shift+Alt+M), paste, and switch back to the visual editor.

Dynamic elements (nav menus, PHP code blocks) can't become static blocks — the converter tells you exactly what was skipped and which core block to use instead.

Gutenberg Blocks Output

Live Preview

From the makers of ready→made

Building from a Figma design instead?

ready→made converts your Figma designs straight into Gutenberg, Oxygen 6, Etch or clean HTML — real structure from a real layout engine.

See ready→made →
FAQ

Good to know.

Is this really free? Do I need a plugin?

Completely free, and no plugin at all — the output is native Gutenberg blocks that any WordPress install understands. Your design travels in one embedded style block on the page.

What do I paste in?

Your Oxygen Classic component/page JSON — select an element in the Oxygen builder and copy it with Ctrl+C.

What survives the conversion?

Structure (sections with their constrained width and padding, div blocks, columns), headings, text, rich text, images, buttons, lists, video embeds — plus your CSS classes, per-element styles, gradients and all four Oxygen breakpoints as media queries.

What can't be converted?

Nav menus query your site's menu system live, so they're skipped — use Gutenberg's Navigation block instead. PHP code blocks can't run inside static blocks. Every skip is listed in the conversion notes.

Moving to Oxygen 6 or Etch instead?

Use the dedicated Oxygen 4 → 6 converter or Oxygen → Etch converter — both preserve your classes as first-class styles in the target builder.

I'm starting from a design, not an old build.

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

Ready?

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

Get ready→made Try free in Figma →
menu