Skip to main content

Welcome

This page introduces Unblock and what you can build with it.

Beta

Unblock is currently in beta. The plugin exposes the raw engine — full HTML, CSS, and data-binding control with no guardrails. If you're comfortable with HTML and CSS, you can build anything with it today. If you're not, the AI assistant can handle the technical side for you — describe what you want in plain language and it writes the CSS, attributes, and expressions. More visual UI abstractions are on the roadmap.

What is Unblock​

Unblock extends the WordPress block editor so every block maps 1:1 to a real HTML element. A Group block is a <div>. A Heading is an <h2>. No abstraction layer — what you build in the editor is what ships to the browser.

The native editor treats blocks as abstract content types — a paragraph, an image, a gallery. Unblock treats them as real HTML elements — a <div>, a <section>, an <article>, a <span>. This lets you build complete websites directly in the editor.

Each block can have:

  • Any HTML tag — semantic elements like <header>, <nav>, <main>, <aside>, <footer>
  • Any HTML attribute — id, class, data-*, aria-*, or any custom attribute
  • Custom CSS styles — selectors, pseudo-classes, media queries, at-rules
  • JavaScript interactions — dynamic, interactive components
  • Dynamic data — expressions that pull from posts, users, terms, and more

One block, one element​

All blocks — Section, Container, Div, Anchor, SVG, and others — share the same rendering logic. They exist for convenience in the list view and quick insertion, but behind the scenes, it's always one block outputting one HTML element.

The name "Unblock" carries a double meaning:

  • French: un block = "one block" — the core architecture
  • English: unblock = free the WordPress editor from its limitations

Why Unblock​

WordPress gives you a few options for custom markup, each with trade-offs:

  • Custom blocks require development skills and ongoing maintenance
  • Multiple plugins each add their own blocks with their own limitations
  • HTML blocks require unfiltered_html capability

Example: button with icon​

You can't add an icon inside a native WordPress button. Other block plugins offer button blocks with icon support, but with fixed placement, sizes, and styling.

With Unblock, you build it from real elements:

  • An Anchor block (<a>) for the link
  • A nested SVG block (<svg>) for the icon
  • Full control over placement, styles, and hover states
  • Everything renders live in the editor

No extra plugins. No code required. Just blocks that are HTML elements.

Explore the docs​

SectionWhat you'll find
BlocksSection, Container, Heading, Paragraph, Anchor, SVG, and other blocks in the Unblock category
Dynamic dataTwig-like expressions to display posts, users, terms, and site data
Design ToolsCSS selectors, variables, at-rules, fonts, and the CSS parser
Getting startedRequirements, installation, and quick start tutorial

Performance​

Unblock generates optimized, minified CSS and JavaScript. Output is cached and only loaded on pages that use Unblock blocks — pages without Unblock blocks have zero overhead.

Unblock is compatible with WP Rocket, W3 Total Cache, LiteSpeed Cache, and other caching plugins. Clear your cache after changing selectors or variables.

Getting started​

  1. Check the requirements for compatibility
  2. Follow the installation guide
  3. Complete the quick start tutorial

Get help​

  • Contact us — support, pre-sales questions, bug reports, and feedback

Next steps​