Free & open source

BlockCrate

Nine Gutenberg blocks that behave like core blocks: they take colour, type and spacing from your theme’s own design tools, and they render before their JavaScript ever loads.

Download from WordPress.org

Read the docs

WordPress 6.4+ · PHP 8.1+ · GPLv3+

// The library

Nine blocks

Each one built on the editor’s own design tools, not a parallel set of controls.

Accordion

Collapsible panels holding any other blocks, built on native details elements.

Tabs

Horizontal or vertical panels following the WAI-ARIA tabs pattern.

Testimonial Grid

A responsive grid or carousel with star ratings and avatars.

Event Countdown

Counts down to a date and time, with selectable units.

Info Box

An icon or image with a heading, text and a link.

Pricing Table

Plans side by side, with one highlighted in words as well as colour.

Progress Bar

A labelled bar that fills as it scrolls into view.

Image Slider

Images in a swipeable slider, each with an optional caption and link.

Page Slider

Your pages, or any public post type, from a live query rather than a copy.

Progressive enhancement

They work before the JavaScript does

The accordion is a native details element. The carousel is a scroll-snap strip. The progress bar renders at its final value. Scripts only ever upgrade what is already on the page — so a slow connection never leaves a visitor staring at nothing.

Read how it is built

Diagram: a pane rendered from HTML alone, and the same pane after its script loads, with identical content and only an enhancement.

// By design

Built to disappear into your theme

Your theme stays in charge

Colour, typography, spacing, borders and shadows come from your theme and behave the way core blocks do. There is no second design system to configure.

Accessibility designed in

Interactive blocks are keyboard operable and expose the right roles and states. Tabs implement roving tabindex and arrow key navigation. Every animation is dropped for reduced motion.

Meaning never rests on colour

In the pricing table, the badge naming the highlighted plan carries that meaning in words. The most popular plan is still obviously the most popular one if you cannot see the accent colour.

// Questions

The things people ask first

Do the blocks work with my theme?

Yes. They are built on the block editor’s own design tools, so they inherit colour, typography and spacing from whatever theme you are using — block themes and classic themes alike.

What happens if the JavaScript fails to load?

The content is still there and still usable. The accordion, tabs, carousel and progress bar all render meaningful HTML first.

Will these blocks slow my pages down?

Assets load only on pages where a block is actually used, so a page without BlockCrate carries none of its weight.

Can I use them with other block plugins?

Yes. They are standard blocks registered the standard way, with no lock-in and nothing that conflicts with core.

// The source

Open source, all the way down

Not just licensed as open source — actually readable, and rebuildable from what ships in the zip.

The source is in the plugin

The TypeScript and React for the editor, the front-end view scripts and the stylesheets all ship alongside the compiled output.

Nothing obfuscated

No minified-only code and no bundled binaries. The PHP is unminified throughout.

Standard tooling

Built with @wordpress/scripts, PostCSS and Tailwind. npm install then npx wp-scripts build reproduces the output.

Three bundled libraries, all MIT

Embla Carousel, clsx and tailwind-merge. React and the WordPress packages are not bundled — they come from core.

Nine blocks. No lock-in.

Free, GPL licensed, and built to the standard core blocks set.