Title: Blockshifter
Author: Ange Chierchia
Published: <strong>August 1, 2026</strong>
Last modified: September 5, 2026

---

Search plugins

![](https://ps.w.org/blockshifter/assets/icon.svg?rev=3631328)

# Blockshifter

 By [Ange Chierchia](https://profiles.wordpress.org/nighcrawl/)

[Download](https://downloads.wordpress.org/plugin/blockshifter.0.3.0.zip)

 * [Details](https://vec.wordpress.org/plugins/blockshifter/#description)
 * [Reviews](https://vec.wordpress.org/plugins/blockshifter/#reviews)
 *  [Installation](https://vec.wordpress.org/plugins/blockshifter/#installation)
 * [Development](https://vec.wordpress.org/plugins/blockshifter/#developers)

 [Support](https://wordpress.org/support/plugin/blockshifter/)

## Description

Blockshifter is a growing toolbox of display modes for native Gutenberg blocks —
no new block types, no leaving the block editor, no learning curve.

Pick a block you already use — Gallery, Group — flip a toggle in its Inspector, 
and its front-end output transforms. The block itself stays 100% native and editable;
nothing about how you write content changes.

Think of Blockshifter as a shape-shifter for your blocks: same content underneath,
a different shape on the front end. Today it shifts into a Carousel or a Masonry
grid; tomorrow more shapes join the same toolbox, each just as simple to switch 
on.

#### Carousel, live today

A clean, minimalist carousel for Gallery and Group blocks, powered by [Splide.js](https://splidejs.com/)—
lightweight, accessible, dependency-free. Arrows and pagination are styled to sit
quietly on top of your content, in any color, on any background.

 * One toggle to turn a block into a carousel
 * Slides per page
 * Autoplay
 * Infinite loop
 * Fully responsive, keyboard and screen-reader friendly out of the box

#### Masonry, live today

A compact, variable-height masonry grid for Gallery and Group blocks, built with
native CSS Grid — no third-party library. Every native Gutenberg setting stays in
charge: Columns and Gap on Gallery, Gap on Group.

 * One toggle to turn a block into a masonry grid
 * Columns (Group only — Gallery keeps its own native Columns control)
 * Respects each block’s native Gap and responsive behavior
 * Degrades gracefully to a regular grid without JavaScript

#### More shapes are coming

Accordion and other display modes are on the roadmap. Every future module follows
the exact same pattern you already know: pick a block, flip a toggle, done.

#### For developers

The list of blocks a module targets is filterable, so you can extend any module 
to other core blocks without forking the plugin — the filter name follows `blockshifter/
<module>/allowed_blocks`:

    ```
    add_filter( 'blockshifter/carousel/allowed_blocks', function( $blocks ) {
        $blocks[] = 'core/columns';
        return $blocks;
    } );

    add_filter( 'blockshifter/masonry/allowed_blocks', function( $blocks ) {
        $blocks[] = 'core/columns';
        return $blocks;
    } );
    ```

### Privacy

Blockshifter includes a fully **opt-in** telemetry feature — disabled by default,
and no data is ever sent before you explicitly enable it from Settings > Blockshifter.

When enabled, once a week (and once immediately after you opt in), the plugin sends
this anonymous payload to `https://api.blockshifter.dev/v1/telemetry`:

 * A random installation identifier (a UUID generated locally, not tied to your 
   identity or your site’s URL)
 * The Blockshifter, WordPress and PHP version numbers
 * Which Blockshifter modules (Carousel, Masonry…) are detected in your rendered
   content

No page content, no URL, no username, no email address and no IP address is stored.
You can disable telemetry at any time from Settings > Blockshifter, which also stops
all further data collection.

Full privacy policy: https://blockshifter.dev/privacy.html

### Development

Source code, build tools and issue tracker: https://github.com/nighcrawl/Blockshifter

The `src/` directory contains the human-readable, unminified source for everything
shipped in `build/`. See the repository’s README for the build steps (`composer 
install && npm install && npm run build`).

## Screenshots

[⌊The Editor Preview of a Gallery block with Carousel mode enabled, showing the 
Blockshifter Carousel panel and its settings (slides per page, autoplay, infinite
loop) in the Inspector.⌉⌊The Editor Preview of a Gallery block with Carousel mode
enabled, showing the Blockshifter Carousel panel and its settings (slides per page,
autoplay, infinite loop) in the Inspector.⌉[

The Editor Preview of a Gallery block with Carousel mode enabled, showing the Blockshifter
Carousel panel and its settings (slides per page, autoplay, infinite loop) in the
Inspector.

[⌊The Editor Preview of a Group block with Masonry mode enabled, showing the Blockshifter
Masonry panel and its Columns setting in the Inspector.⌉⌊The Editor Preview of a
Group block with Masonry mode enabled, showing the Blockshifter Masonry panel and
its Columns setting in the Inspector.⌉[

The Editor Preview of a Group block with Masonry mode enabled, showing the Blockshifter
Masonry panel and its Columns setting in the Inspector.

[⌊A Gallery block rendered as a Carousel on the front end.⌉⌊A Gallery block rendered
as a Carousel on the front end.⌉[

A Gallery block rendered as a Carousel on the front end.

[⌊A Group block rendered as a Masonry grid on the front end.⌉⌊A Group block rendered
as a Masonry grid on the front end.⌉[

A Group block rendered as a Masonry grid on the front end.

[⌊The opt-in telemetry setting in Settings > Blockshifter.⌉⌊The opt-in telemetry
setting in Settings > Blockshifter.⌉[

The opt-in telemetry setting in Settings > Blockshifter.

## Installation

 1. Upload the plugin files to `/wp-content/plugins/blockshifter`, or install the plugin
    through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.
 3. Select a Gallery or Group block in the editor, open the Inspector, and enable the“
    Blockshifter Carousel” or “Blockshifter Masonry” panel.

## FAQ

### Can I use this on blocks other than Gallery and Group?

Not out of the box yet, but developers can extend any module’s target blocks via
its `blockshifter/<module>/allowed_blocks` filter — see the Description above.

### Are other display modes (Accordion…) available?

Not yet — the current release ships with the Carousel and Masonry modules. More 
are planned.

### Is this plugin free?

Yes, Blockshifter is completely free, with no premium tier at this time.

### Does Blockshifter collect any data?

Blockshifter includes an optional, opt-in telemetry feature, disabled by default.
If you choose to enable it from Settings > Blockshifter, it sends a small anonymous
payload (installation UUID, Blockshifter/WordPress/PHP versions, and which modules
are detected in use) to help prioritize development — no page content, URL, username,
email or IP address is ever collected. See the Privacy section below for full details,
and how to disable it.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Blockshifter” is open source software. The following people have contributed to
this plugin.

Contributors

 *   [ Ange Chierchia ](https://profiles.wordpress.org/nighcrawl/)

[Translate “Blockshifter” into your language.](https://translate.wordpress.org/projects/wp-plugins/blockshifter)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/blockshifter/), check
out the [SVN repository](https://plugins.svn.wordpress.org/blockshifter/), or subscribe
to the [development log](https://plugins.trac.wordpress.org/log/blockshifter/) by
[RSS](https://plugins.trac.wordpress.org/log/blockshifter/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 0.3.0

 * Adds Editor Preview: the editor canvas now renders a live preview of the Carousel
   or Masonry front-end output while a Module is enabled, plus a “Shifted” badge
   on the block toolbar to indicate a Module is active.
 * Adds fully opt-in, anonymous usage telemetry — disabled by default. See the Privacy
   section below for details.

#### 0.2.0

 * Adds Masonry, a second Blockshifter module: turns a Gallery or Group block into
   a compact, variable-height CSS Grid layout, with the same “pick a block, flip
   a toggle” pattern as Carousel.
 * Gap and (on Gallery) Columns always come from the block’s own native Gutenberg
   settings — Masonry never duplicates them.
 * Matches Gallery’s native responsive behavior (two columns on narrow screens, 
   configured column count above) on both Gallery and Group.
 * Degrades gracefully to a regular, non-overlapping grid without JavaScript.

#### 0.1.0

 * Initial release: Carousel, the first Blockshifter module, for the Gallery and
   Group blocks.

## Meta

 *  Version **0.3.0**
 *  Last updated **5 hours ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 6.2 or higher **
 *  Tested up to **7.1**
 *  PHP version ** 7.4 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/blockshifter/)
 * Tags
 * [block-editor](https://vec.wordpress.org/plugins/tags/block-editor/)[carousel](https://vec.wordpress.org/plugins/tags/carousel/)
   [gallery](https://vec.wordpress.org/plugins/tags/gallery/)[gutenberg](https://vec.wordpress.org/plugins/tags/gutenberg/)
   [masonry](https://vec.wordpress.org/plugins/tags/masonry/)
 *  [Advanced View](https://vec.wordpress.org/plugins/blockshifter/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/blockshifter/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/blockshifter/reviews/)

## Contributors

 *   [ Ange Chierchia ](https://profiles.wordpress.org/nighcrawl/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/blockshifter/)