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.

dbiro

adi nugroho

Clear frames from Google Image or another websites so all visitor will direct goes to your website.

Clear Frames

Clear frames from Google Image or another websites so all visitor will direct goes to your website.

FrameBlocks vs Clear Frames