DevMoaz

<p><strong>Collapsi for the Block Editor</strong> 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.</p>
<p>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 <strong>strictly editor-only</strong> — your published site is untouched, no extra CSS or JS ships to the frontend.</p>
<h4>Why this plugin</h4>
<ul>
<li><strong>Stop scrolling endlessly.</strong> Collapse the sections you’re not working on. Find the one you are in seconds.</li>
<li><strong>Works on every block.</strong> Core, third-party, custom, ACF — anything Gutenberg renders, Collapsi can collapse.</li>
<li><strong>Survives reloads.</strong> Collapse state is saved per post, per template, per browser. Come back tomorrow, your layout is where you left it.</li>
<li><strong>Per-instance opt-out.</strong> Set “Never collapse this block” on a hero or any pinned block from the block settings menu.</li>
<li><strong>Keyboard shortcut.</strong> <code>Alt+Shift+C</code> toggles all top-level blocks at once. Discoverable in WP’s shortcut help modal (<code>?</code>).</li>
<li><strong>No telemetry. No remote calls. No premium upsell.</strong> Free, GPL, forever.</li>
</ul>
<h4>How it works</h4>
<p>The plugin hooks <code>editor.BlockListBlock</code> with a higher-order component that wraps every top-level block. State lives in a <code>@wordpress/data</code> store and persists to <code>localStorage</code> keyed by either the block’s structural path (<code>"0.2.1"</code>) or its user-set name from Gutenberg’s rename feature. A <code>PluginSidebar</code> exposes Collapse All / Expand All / Focus Mode. Settings live at <code>Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Collapsi</code> and persist via the REST API.</p>
<h4>Compatibility</h4>
<ul>
<li>WordPress 6.5+ (iframed editor)</li>
<li>PHP 7.4+</li>
<li>Post Editor and Site Editor</li>
<li>Browsers: Chrome 90+, Firefox 88+, Safari 14+, Edge 90+</li>
</ul>
<h4>Not in scope</h4>
<ul>
<li>No Classic Editor support — Gutenberg only</li>
<li>No frontend collapse (this is an editor productivity plugin, not a UX framework)</li>
<li>No premium tier</li>
</ul>
<h3>Development</h3>
<p>Source code, issue tracker, and build instructions live at https://github.com/devMoaz/collapsi-for-block-editor. The compiled assets in <code>build/</code> are produced by <code>@wordpress/scripts</code> (webpack) from the <code>src/</code> directory in the GitHub repository. Run <code>npm install && npm run build</code> to reproduce.</p>


Collapsi for the Block Editor

Editor-only collapse/expand toggle for every Gutenberg block. Tame long posts and templates without losing your place.

Miguel Useche

<p>This plugin provides a widget and a filter to display a collapsible archive list in your sidebar or posts using the JS JS library.</p>
<h4>Features</h4>
<ol>
<li>Support for Gutenberg blocks. Add it to any FSE theme or Gutenberg compatible theme.</li>
<li>Display a collapsed list of your archives to reduce space.</li>
<li>Uses vanilla JS to add effects and to be compatible with all browsers.</li>
<li>Select your expand/collapse symbol and date format.</li>
<li>Support for archive filters.</li>
<li>Auto expands current/select year from posts.</li>
<li>Select the categories to exclude</li>
<li>Multiple instances support.</li>
<li>Shortcode support  <em>[JsArchiveList]</em></li>
<li>Generates valid HTML code.</li>
<li>Supports multiple languages.</li>
<li>Compatible with most JS cache and minify plugins.</li>
<li>And more to come…</li>
</ol>
<h3>Configuration</h3>
<ul>
<li>Title: title of the widget.</li>
<li>Trigger Symbol:  characters to be displayed as bullet.</li>
<li>Effect: Effect to use.</li>
<li>Month Format:  month’s display format of the month.</li>
<li>Expand: when to expand the content of the list.</li>
<li>Hide years from before: older years will be hidden under a  link. To save space in the page on old sites.</li>
<li>Show days inside month list: group posts by day.</li>
<li>Show number of posts: display how many post are published in the year or in the month.</li>
<li>Show only posts from selected category: show only posts from the selected category when visiting a category page.</li>
<li>Only expand/reduce by clicking the symbol: select if animations start when click the link or just the bullet.</li>
<li>Open links in a new tab: opens archive and post links in a new browser tab/window.</li>
<li>Only expand one at the same time: select if you want to have only one expanded at the same time.</li>
<li>Show posts under months:  show post’s title under months.</li>
<li>Show post date next to post title: show post’s date next to post title.</li>
<li>Sort posts by: select how to sort the posts under months.</li>
<li>Include or Exclude categories: Select the categories to include or exclude.</li>
</ul>


JS Archive List

Useful

A JS widget (can be used in posts) for displaying an archive list with some effects.

Collapsi for the Block Editor vs JS Archive List