Embed code generator
Turn any URL into an iframe embed or a custom preview card — copy the HTML and paste it anywhere.
Try:youtube.com·tiktok.com·twitter.com·spotify.com·facebook.com
How to generate embed code for any URL
Paste a link
YouTube, Tiktok, Figma, a blog post, a tweet — drop in any URL and the preview loads instantly.
Tweak the preview
Click on the title, description, or any text to edit it. Switch card styles, fonts, and colors.
Copy the HTML
Paste the snippet into your blog, docs, newsletter, MDX, or any HTML editor.
Why this is the best embed code generator for any URL
Works for any link
Real iframe player when the site supports it, a clean preview card when it doesn't. One tool, every URL.
280+ supported sites
YouTube, Spotify, Vimeo, X, Figma, TikTok, CodePen, and hundreds more — see the full provider list.
Click-to-edit
Edit the title, description, author, and site name right in the preview. The copy snippet updates as you type.
Style it to match your site
Pick a card layout, theme the colors, set fonts and borders — no CSS. Power users can drop in the Microlink SDK for full control.
Free, no signup
Generate up to 50 embeds per day for free. No login, no API key, no branding stripped from the output.
API for your app
Built on the Microlink Embed API — call the same endpoint from any backend, edge runtime, or SDK like
@microlink/mql
.How can an embed code generator be free?This tool runs on the Microlink Embed API — the same infrastructure powering rich previews and iframe embeds at scale. Free for everyday use, no credit card.
What you can do with the embed link generator
From documentation sites to newsletters to product dashboards — embedding URLs powers content workflows across every team.
For Docs & Knowledge Bases
- Embed YouTube tutorials, CodeSandbox demos, Figma boards inline
- Drop iframe HTML directly into MDX or Markdown
- Keep previews consistent across your docs site
- No per-provider integration — one snippet pattern
For Newsletters & Blogs
- Generate rich previews for any link you share
- Use iframes when the provider supports them, cards otherwise
- Pair with the vanilla SDK script for static sites
- Paste the HTML into Ghost, WordPress, Substack, or static MD
For Dashboards & Apps
- Render link previews server-side or client-side with the same payload
- Drop in <Microlink /> for React, Vue, or vanilla JS
- Lazy-load embeds with IntersectionObserver out of the box
- Theme the card via CSS variables to match your design system
Embed API for developers
Embed Any Link iframe maker, link embedder, oEmbed at scale.
One API to embed any URL — iframe HTML when supported, Microlink SDK card otherwise. See the embed landing for the full picture.
Real provider players
YouTube, Spotify, Vimeo, X, Figma and 280+ more — get the site's actual interactive embed, ready to paste.
Customize without code
Click any text in the preview to edit it. Switch card styles, fonts, and colors with toggles — no CSS to write.
Free, no signup, no key
Generate up to 50 embeds per day for free. No account, no API key, no watermark — paste the HTML and go.
Real provider players
YouTube, Spotify, Vimeo, X, Figma and 280+ more — get the site's actual interactive embed, ready to paste.Customize without code
Click any text in the preview to edit it. Switch card styles, fonts, and colors with toggles — no CSS to write.Free, no signup, no key
Generate up to 50 embeds per day for free. No account, no API key, no watermark — paste the HTML and go.
Embed code generator API documentation
Read the full embed guide — iframe parameter, custom HTML/CSS, AI-generated previews, and the Microlink SDK across react, vue, and vanilla JS.
FAQ
What is an embed code generator?
An embed code generator turns a URL into ready-to-paste HTML so a link appears as a rich preview — an interactive iframe player, a card with the page's title, image, and description, or both — instead of a plain text link.
This tool is a free embed code generator that works for any URL: paste the link, pick iframe or card, customize the look, copy the HTML.
How do I generate embed code for a link?
Paste your URL into the input above and press Generate. The tool calls the Microlink Embed API, detects whether the site exposes an iframe player, and returns the HTML snippet. Click Copy code and paste it into any HTML, MDX, or rich-text editor.
For sites without an iframe, the generator falls back to a customizable preview card — same one-click copy.
How is this different from an iframe maker?
A traditional iframe maker only wraps a URL in an
<iframe src="..."> tag, which breaks for sites that block framing (most major sites do).This embed code generator detects the provider's real embed endpoint via oEmbed for 280+ supported sites — YouTube, Spotify, Vimeo, X, TikTok, Figma, CodePen and more — so the iframe actually works. When no embed is available, it returns a styled preview card instead of a broken frame.
What does the embed code generator do?
Paste any link and the tool generates a ready-to-paste HTML snippet. For sites with an interactive embed — YouTube, Spotify, Figma, X, and 280+ more — you get the provider's real player. For everything else, you get a clean preview card.
You can customize the card right in the browser: click any text in the preview to edit it, switch styles, fonts, and colors, then copy the snippet and paste it into your blog, docs, MDX, newsletter, or any HTML editor.
Can I customize the preview before I copy it?
Yes — switch to Card mode and the customization panel appears. Pick a layout (Standard, Wide, Compact), choose light or dark theme, tweak colors, fonts, sizes, and borders.
You can also click any text in the preview — the title, description, site name, or author — and edit it inline. The HTML snippet updates as you go.
How does the iframe parameter work?
Pass
&iframe on the Microlink API request. The response includes an iframe.html field with the provider's real player markup — YouTube, Spotify, Vimeo, X, TikTok, Figma, and the rest.No per-provider URL gymnastics — Microlink normalizes oEmbed across 280+ supported sites.
Which providers are supported?
280+ verified oEmbed providers including YouTube, Spotify, Twitter / X, Instagram, TikTok, GitHub, CodePen, CodeSandbox, Vimeo, SoundCloud, Figma, Reddit, Pinterest, Medium, TED, Twitch, and more.
See the full provider list — it grows automatically, no SDK upgrade needed.
What happens if a URL has no iframe?
The tool falls back to a Microlink SDK card and gives you a vanilla HTML snippet that includes the
microlink.min.js script from jsDelivr. Paste it anywhere — the SDK upgrades the link into a card on page load.For React or Vue, drop in the Microlink SDK component instead — same data, framework-native rendering.
Can I customize the embed look?
Yes. The Microlink SDK exposes CSS variables (
--microlink-background-color, --microlink-max-width) and stable BEM class hooks for styling cards.For more control, fetch the metadata directly and build your own card — see the SDK guide.
What if a URL has no image to preview?
Microlink can capture a screenshot on demand — pass
screenshot=true and the response includes a screenshot.url you can use as the fallback image. Every URL ends up with a usable visual.See the screenshot API for options like full page, dark mode, viewport, and format.
Is the embed code generator free?
Yes — 50 requests per day, no login, no credit card. Cached responses are served instantly from 240+ Cloudflare edge nodes and don't count against your limit.
For production volume, see Pro plans.
Can I integrate URL embedding into my app?
Yes. This tool is built on the Microlink Embed API — a plain HTTPS GET endpoint. Call it from any backend, edge runtime, browser, or static site.
Use the
@microlink/mql
SDK for Node.js, or drop in the Microlink SDK for React, Vue, or vanilla JS.