Description
Blocksify is a Gutenberg block library by PressMaximum focused on performance. Every block ships its own CSS and JS, conditionally enqueued only when the block is actually on the page — keeping page weight low and PageSpeed scores high by default.
Features
- 9 blocks (and more coming soon): Section, Container, Button, Text, Icon, Image, Content Loop, Accordion, Tabs.
- Per-block asset loading — CSS and JS are enqueued only when the block is present on the page.
- Per-instance inline CSS pooled into a single
<style>tag in<head>— no per-block<link>fragmentation. - 4-layer responsive system — desktop, tablet, mobile, and hover slots per attribute, with a cascade resolver.
- 10-trait styling system (color, background, spacing, border, size, overflow, position, z-index, visibility, typography) backed by composite controls (Background, Spacing, Border, Typography, Shadow) with built-in presets.
- Design tokens — color and gradient palettes, spacing scale, font-size scale, shadow library; emitted as CSS custom properties at
:root. - Pure-dynamic rendering — saved post markup contains zero opinionated HTML; refactoring the frontend never breaks existing posts.
- Vanilla CSS — no jQuery, no frontend build for layout blocks.
Status
v0.2 — actively iterating in pre-release; feedback welcome at https://pressmaximum.com/blocksify.
Blocks
This plugin provides 11 blocks.
- Tabs Accessible tabbed content with per-tab icons, subtitles, and Interactivity-API switching.
- Content Loop Zone-based content loop. Build cards from a layout of media + header + body + footer zones with overlay slots.
- Container Flex container with direction-aware layout. Holds any inner blocks.
- Image Display an image with caption, link, duotone, and per-instance styling.
- Button A customizable button block.
- Icon A block for adding an icon with link and custom styles.
- Text A text element with your own tag name, content, and styles.
- Section A performance-first grid section. Responsive columns with per-device control.
- Accordion Stacked expandable panels. Each item self-renders header + body; multi or single expand mode.
- Tab A single panel inside a Tabs block.
- Accordion Item One panel inside an Accordion. Contains a header (title + icon + indicator) + body (user content).
Installation
- Upload the
blocksifyfolder to the/wp-content/plugins/directory. - Activate the plugin through the Plugins menu in WordPress.
- Open the Blocksify admin page from the WordPress sidebar to configure performance settings.
- Insert any Blocksify block from the block inserter (under the Blocksify category).
FAQ
-
Where do I configure Blocksify settings?
-
Open the Blocksify admin page from the WordPress sidebar. Performance and version-control options live under the Settings tab.
-
Does Blocksify work with my theme?
-
Blocksify works with any block-compatible theme. Twenty Twenty-Five is the recommended baseline.
-
Is there a recommended theme to pair with Blocksify?
-
Yes — Customify, by PressMaximum (same team). It’s designed as the companion theme for Blocksify, with matching token defaults and a tuned block-editor canvas.
-
How do I report a bug or request a feature?
-
Open an issue at https://pressmaximum.com/blocksify. Blocksify is actively iterating in v0.2 — feedback is very welcome.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Blocksify – Gutenberg Blocks & Page Builder for the Block Editor” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Blocksify – Gutenberg Blocks & Page Builder for the Block Editor” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
0.2.1
Release Date – May 29, 2026
- New: Image block hover effects and overlay scrim.
- New: WordPress-core aspect ratios and refreshed defaults for Image and Content Loop.
- New: Rollback — a new dashboard setting to revert to a previous plugin version.
- Improved: Background panel — Scroll Effect and Overlay refinements; Background Color moved into the Color panel.
- Improved: smaller, cleaner block icons in the inserter.
0.2.0
Release Date – May 26, 2026
- NEW: Section block
- NEW: Container block
- NEW: Text block
- NEW: Button block
- NEW: Icon block
- NEW: Image block
- NEW: Content Loop block
- NEW: Accordion block
- NEW: Tabs block
- NEW: Global Colors
- NEW: Global Gradients
- NEW: Global Shadows
- NEW: Global Spacing
- NEW: Global Font Size