Eduardo Sanchez Hidalgo

FrameBlocks gives content creators and developers a set of Gutenberg blocks that wrap content inside realistic UI mockups — without leaving the WordPress editor.
Included blocks:
<ul>
<li>Browser Frame — Safari or Chrome browser shell wrapping any inner content</li>
<li>Code Editor Frame — VS Code editor shell with sidebar, code zone, and terminal</li>
<li>Code Syntax Highlighter — Syntax-highlighted code powered by Shiki (50+ languages)</li>
<li>Device Frame — Phone, tablet, or laptop device shell</li>
<li>File Tree — VS Code-style file/folder tree</li>
<li>File Tree Item — Individual file or folder row inside a file tree</li>
<li>Social Post — Instagram or Facebook post mockup</li>
<li>Social Comment — Comment row nested inside a social post</li>
</ul>
All blocks are fully responsive using CSS container queries (<code>cqw</code> units), so they scale automatically with the column width — no manual resizing needed.

FrameBlocks

Decorative UI frame blocks for the Gutenberg editor — browser windows, device mockups, VS Code shell, social posts, and more.

Kai Spriestersbach

Adds a framebreaker JavaScript function to the header for breaking out of Google Image Search and other framesets in order to keep users on the site. Mainly for <a href="https://www.search-one.de/" rel="nofollow ugc">SEO</a>.

JavaScript Framebreaker

I have tried this on my website and its working good. Went to Google image and tested, saw the page automatically reloading.



Tried it and its wow

Adds a framebreaker JavaScript function to the header for breaking out of the former Google Image Search and other framesets.

FrameBlocks vs JavaScript Framebreaker