Free Online iFrame Generator

An iframe generator builds a complete iframe tag from a URL plus width, height, border and fullscreen options, with a live preview of the embedded page.

Your data is processed entirely in your browser and never sent to any server.

Instant results 100% private No signup needed
Preview

Some sites block framing (X-Frame-Options / CSP) and will not appear here.

iframe tag
<iframe src="https://example.com" width="600" height="400" style="border:1px solid #ccc" loading="lazy"></iframe>

How to Use This Tool

  1. Paste the URL you want to embed into the source field.
  2. Set width, height, border, scrolling and fullscreen options.
  3. Preview the embedded page live (if the site allows framing).
  4. Copy the generated iframe tag into your HTML.

What Is an iFrame Generator?

The iframe element, defined by the WHATWG HTML Living Standard, embeds one browsing context inside another — a page within a page. It is the standard way to drop in a map, a video player, a payment widget or a third-party form without rebuilding it yourself.

This generator assembles the tag from your inputs: the src URL, width and height (in pixels or percentages), a frameborder toggle, scrolling behavior and the allowfullscreen attribute for media players. As you change options the generated markup and the live preview both update.

Note a key constraint: a destination site can refuse to be framed by sending the X-Frame-Options header or a frame-ancestors directive in its Content-Security-Policy, which is why some previews stay blank even though the tag is correct. For responsive embeds, set width to a percentage or wrap the iframe in an aspect-ratio container. The tag is built entirely in your browser.

Frequently Asked Questions

Which attributes can I set?
src, width, height, a frameborder toggle, scrolling and allowfullscreen. The generated tag updates as you change each one.
Why does my preview stay blank?
Many sites send X-Frame-Options or a frame-ancestors CSP that blocks framing. The tag is still valid for sites that permit it.
How do I make it responsive?
Set width to a percentage, or wrap the iframe in a container with aspect-ratio CSS and size the iframe to fill it.

Published by the WeGotEveryTool team. We build and test every tool in-house and update pages when the underlying spec, formula, or recommendation changes.

Reviewed: May 2026. Disclaimer: this tool is provided as-is for general informational use. For decisions with material consequences (medical, legal, financial, security) verify results against a qualified professional source.

Related Web & HTML