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.

Abhisek

Iframes are great when it comes to embedding external content like youtube videos inside a webpage, but the same technique could be used to embedd a whole webpage inside a webpage.What that means is, if someone wants to embedd your website inside their website, they definitely can.
Some wicked webmasters do this to show pages from other websites inside a frame as if it’s their own content.For example, a webpage with a toolbar on the top is actually a webpage inside a frame.That way the visitor never leaves the site using that frame, even if they are viewing content from your website.This is stealing, right? This adds seo benefits to the site using the frame, not the actual content owner.It also helps sell ads on their sites.
Frame Breaker plugin detects and breaks your site out of such frames, thus saving your content from illegal use and presenting your actual page to the visitor.Everbody happy, except that smart a$$. 🙂
Follow the developer on <a href="https://twitter.com/twitabhisek" rel="nofollow ugc">Twitter</a>
Download My Other Plugins
<ul>
<li><a href="https://wordpress.org/plugins/mini-membership/" rel="ugc">Mini Membership</a></li>
<li><a href="https://wordpress.org/plugins/private-content-login-redirect/" rel="ugc">Private Content Login Redirect</a></li>
<li><a href="https://wordpress.org/plugins/rainbow-status/" rel="ugc">Rainbow Status</a></li>
<li><a href="https://wordpress.org/plugins/wp-admin-color-schemes/" rel="ugc">WP Admin Color Schemes</a></li>
<li><a href="https://wordpress.org/plugins/restrict-dashboard-access/" rel="ugc">Restrict Dashboard Access</a></li>
<li><a href="https://wordpress.org/plugins/inspire-dolly/" rel="ugc">Inspire Dolly</a></li>
</ul>

Frame Breaker

Save your content from illegal use, break out of frames with Frame Breaker.

FrameBlocks vs Frame Breaker