Free Online iFrame Generator

Instantly generate highly customizable HTML iframe embed codes. Adjust dimensions, scrollbars, borders, loading triggers, and security sandbox policies with live real-time previews.

🔧 Configure iFrame Settings

Target URL (Source Src)

📐 Layout & Dimensions

Width

Height

🖼️ Border styling

Enable border outline

Width (px)

Style

Color

⚙️ Behavioral attributes

Scrollbar

Loading mode

🔒 Sandbox Security & Permissions

Allow forms

Allow scripts

Allow same origin

Allow popups

Allow modals

Allow presentation

Allow fullscreen mode

💻 Generated Embed Code

👁️ Live Sandbox Viewport

https://example.com

Browser Preview Notice: Some websites (like Google, Facebook, or GitHub) forbid loading inside frames via X-Frame-Options or Content-Security-Policy headers. If the preview panel remains blank, rest assured the code is correct and will render on pages allowed to host them!

How to Generate and Embed HTML iFrames

An iframe (short for inline frame) is an HTML document embedded inside another HTML document on a website. It is commonly used to embed maps, videos, external widgets, PDF viewers, and third-party content onto your page layout.

Understanding iFrame Security & Sandboxing

When you load external third-party pages inside your site, you should use the sandbox attribute. By sandboxing the iframe, you restrict scripts execution, prevent forms from submitting, and disable popups from running, preserving your site visitors' security. Using our builder, you can check/uncheck these security parameters to construct tags with maximum ease.

Common Attributes Explained

loading="lazy": Defers loading the iframe until it is scrolled near, accelerating initial page loading speed.
allowfullscreen: Grants permission to render frame contents in full-screen mode (crucial for YouTube or Vimeo embeds).
scrolling="no": Completely disables horizontal and vertical scrollbars, sealing dimensions in place.