Collapsi For The Block Editor Wordpress Plugin - Rating, Reviews, Demo & Download
Plugin Description
Collapsi for the Block Editor adds an editor-only chevron toggle to every Gutenberg block. Hover any top-level block, click the chevron, and the block tucks away into a compact bar showing the block’s icon, title, and a short content preview (paragraph text, image alt, “5 blocks”, and so on). Toggle it back open with the same chevron.
Built for the long pages and Site Editor templates where scrolling past 50 blocks to find the one you want is the daily annoyance. Collapsi is strictly editor-only — your published site is untouched, no extra CSS or JS ships to the frontend.
Why this plugin
- Stop scrolling endlessly. Collapse the sections you’re not working on. Find the one you are in seconds.
- Works on every block. Core, third-party, custom, ACF — anything Gutenberg renders, Collapsi can collapse.
- Survives reloads. Collapse state is saved per post, per template, per browser. Come back tomorrow, your layout is where you left it.
- Per-instance opt-out. Set “Never collapse this block” on a hero or any pinned block from the block settings menu.
- Keyboard shortcut.
Alt+Shift+Ctoggles all top-level blocks at once. Discoverable in WP’s shortcut help modal (?). - No telemetry. No remote calls. No premium upsell. Free, GPL, forever.
How it works
The plugin hooks editor.BlockListBlock with a higher-order component that wraps every top-level block. State lives in a @wordpress/data store and persists to localStorage keyed by either the block’s structural path ("0.2.1") or its user-set name from Gutenberg’s rename feature. A PluginSidebar exposes Collapse All / Expand All / Focus Mode. Settings live at Settings Collapsi and persist via the REST API.
Compatibility
- WordPress 6.5+ (iframed editor)
- PHP 7.4+
- Post Editor and Site Editor
- Browsers: Chrome 90+, Firefox 88+, Safari 14+, Edge 90+
Not in scope
- No Classic Editor support — Gutenberg only
- No frontend collapse (this is an editor productivity plugin, not a UX framework)
- No premium tier
Development
Source code, issue tracker, and build instructions live at https://github.com/devMoaz/collapsi-for-block-editor. The compiled assets in build/ are produced by @wordpress/scripts (webpack) from the src/ directory in the GitHub repository. Run npm install && npm run build to reproduce.
Screenshots
No screenshots provided
