10up

Jeffrey Paul

Darshan Sawardekar

Darin Kotter

<ul>
<li>Find which blocks are used across your site.</li>
<li>Fully Integrated with the WordPress Admin.</li>
<li>Use filters to see Posts that use a specific block.</li>
<li>Find Posts that use Reusable Blocks.</li>
<li>Use the WP CLI to quickly find blocks from the command line.</li>
<li>Use custom WordPress filters to extend the Block Catalog.</li>
</ul>
<a href="https://github.com/10up/block-catalog" rel="nofollow ugc">Fork on GitHub</a>
<h3>Getting Started</h3>
<ol>
<li>
On activation, the plugin will prompt you to index your content. You need to do this first before you will be able to see the various blocks used on your site. You can also go to WP-Admin > Tools > Block Catalog to do this yourself. Alternately, you can run the WP CLI command <code>wp block-catalog index</code> to index your content from the command line.
</li>
<li>
Once indexed, you will be able to see the different blocks used on your site in the Block Catalog Taxonomy.
</li>
<li>
Navigating to any Block Editor post type will also show you the list of blocks present in a post.
</li>
<li>
You can also filter the listing to only show Posts that have a specific block.
</li>
</ol>

Block Catalog

Keep track of which Gutenberg Blocks are used across your site.

mojmik

This plugin created new custom block in common blocks called Fancy Image Link. 
You then choose image from media library, set text which appears on hover over image and set url link. 
It will scale to 100% width unless you use columns or other containers for it. 
For additional styling edit block-mik.css. 
Javascript code of the block is Vanilla JS, no React.
<a href="https://www.cyltr.com/wp-custom-read-more-block/" rel="nofollow ugc">Demo can be found here</a>

Custom block fancy image link

Adds custom block option to Guttenberg with fancy custom image and read more link.

Block Catalog vs Custom block fancy image link