Generate a customizable Instagram feed widget in seconds. Choose your theme, layout, and style — then copy and paste the code anywhere.
Customize Embed
Theme
Layout
Columns
Number of Posts
Spacing
Corners
Display Options
Preview
<!-- Instagram Feed by Likes.io -->
<div style="max-width:100%;width:100%;margin:0 auto;background:#ffffff;border:1px solid #efefef;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;overflow:hidden;box-sizing:border-box;">
<a href="https://www.instagram.com/yourprofile/" target="_blank" rel="noopener noreferrer" style="display:flex;align-items:center;gap:12px;padding:16px;text-decoration:none;border-bottom:1px solid #efefef;">
<img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22150%22%20height%3D%22150%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23e2e8f0%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2238%22%20r%3D%2218%22%20fill%3D%22%2394a3b8%22%2F%3E%3Cellipse%20cx%3D%2250%22%20cy%3D%2280%22%20rx%3D%2228%22%20ry%3D%2222%22%20fill%3D%22%2394a3b8%22%2F%3E%3C%2Fsvg%3E" alt="Your Brand" width="44" height="44" style="border-radius:50%;object-fit:cover;" />
<div>
<div style="font-weight:600;color:#262626;font-size:14px;">Your Brand</div>
<div style="color:#8e8e8e;font-size:12px;">@yourprofile</div>
</div>
</a>
<div style="padding:6px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;">
<a href="https://www.instagram.com/p/mock1/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23e2e8f0%22%2F%3E%3Crect%20x%3D%2225%22%20y%3D%2230%22%20width%3D%2250%22%20height%3D%2240%22%20rx%3D%228%22%20stroke%3D%22%2364748b%22%20stroke-width%3D%223%22%20fill%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2212%22%20stroke%3D%22%2364748b%22%20stroke-width%3D%223%22%20fill%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2265%22%20cy%3D%2236%22%20r%3D%223%22%20fill%3D%22%2364748b%22%2F%3E%3C%2Fsvg%3E" alt="Exploring new horizons every day" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
<a href="https://www.instagram.com/p/mock2/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23fde68a%22%2F%3E%3Cpath%20d%3D%22M50%2070%20C20%2045%2020%2025%2035%2020%20C42%2017%2048%2022%2050%2028%20C52%2022%2058%2017%2065%2020%20C80%2025%2080%2045%2050%2070Z%22%20fill%3D%22%2392400e%22%20opacity%3D%220.7%22%2F%3E%3C%2Fsvg%3E" alt="Behind the scenes of our latest project" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
<a href="https://www.instagram.com/p/mock3/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><svg width="16" height="16" viewBox="0 0 24 24" fill="white" style="position:absolute;top:8px;right:8px;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.5));z-index:1;"><polygon points="5,3 19,12 5,21"/></svg><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23bfdbfe%22%2F%3E%3Cpath%20d%3D%22M50%2020%20L58%2040%20L80%2042%20L64%2056%20L68%2078%20L50%2066%20L32%2078%20L36%2056%20L20%2042%20L42%2040Z%22%20fill%3D%22%231e40af%22%20opacity%3D%220.7%22%2F%3E%3C%2Fsvg%3E" alt="The details that make a difference" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
<a href="https://www.instagram.com/p/mock4/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23d9f99d%22%2F%3E%3Cpath%20d%3D%22M15%2070%20L35%2035%20L50%2050%20L65%2030%20L85%2070Z%22%20fill%3D%22%23365314%22%20opacity%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2225%22%20r%3D%228%22%20fill%3D%22%23365314%22%20opacity%3D%220.4%22%2F%3E%3C%2Fsvg%3E" alt="Weekend vibes at their finest" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
<a href="https://www.instagram.com/p/mock5/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23fecaca%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%228%22%20fill%3D%22%23991b1b%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2235%22%20r%3D%227%22%20fill%3D%22%23991b1b%22%20opacity%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2265%22%20r%3D%227%22%20fill%3D%22%23991b1b%22%20opacity%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%2250%22%20r%3D%227%22%20fill%3D%22%23991b1b%22%20opacity%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%2265%22%20cy%3D%2250%22%20r%3D%227%22%20fill%3D%22%23991b1b%22%20opacity%3D%220.5%22%2F%3E%3C%2Fsvg%3E" alt="Creating moments worth remembering" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
<a href="https://www.instagram.com/p/mock6/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><svg width="16" height="16" viewBox="0 0 24 24" fill="white" style="position:absolute;top:8px;right:8px;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.5));z-index:1;"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/></svg><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23e9d5ff%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2222%22%20fill%3D%22%236b21a8%22%20opacity%3D%220.3%22%2F%3E%3Cpolygon%20points%3D%2243%2C36%2043%2C64%2068%2C50%22%20fill%3D%22%236b21a8%22%20opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E" alt="Fresh content dropping soon" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
<a href="https://www.instagram.com/p/mock7/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23fbcfe8%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2222%22%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%223%22%20fill%3D%22%239d174d%22%20opacity%3D%220.5%22%2F%3E%3Crect%20x%3D%2254%22%20y%3D%2222%22%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%223%22%20fill%3D%22%239d174d%22%20opacity%3D%220.5%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2254%22%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%223%22%20fill%3D%22%239d174d%22%20opacity%3D%220.5%22%2F%3E%3Crect%20x%3D%2254%22%20y%3D%2254%22%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%223%22%20fill%3D%22%239d174d%22%20opacity%3D%220.5%22%2F%3E%3C%2Fsvg%3E" alt="Our community is everything" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
<a href="https://www.instagram.com/p/mock8/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23ccfbf1%22%2F%3E%3Crect%20x%3D%2228%22%20y%3D%2235%22%20width%3D%2234%22%20height%3D%2230%22%20rx%3D%224%22%20fill%3D%22%23134e4a%22%20opacity%3D%220.6%22%2F%3E%3Cpath%20d%3D%22M62%2042%20C72%2042%2072%2058%2062%2058%22%20stroke%3D%22%23134e4a%22%20stroke-width%3D%223%22%20fill%3D%22none%22%2F%3E%3Crect%20x%3D%2225%22%20y%3D%2268%22%20width%3D%2240%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%23134e4a%22%20opacity%3D%220.4%22%2F%3E%3C%2Fsvg%3E" alt="Innovation starts with curiosity" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
<a href="https://www.instagram.com/p/mock9/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23fed7aa%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2214%22%20fill%3D%22%239a3412%22%20opacity%3D%220.6%22%2F%3E%3Cline%20x1%3D%2250%22%20y1%3D%2225%22%20x2%3D%2250%22%20y2%3D%2218%22%20stroke%3D%22%239a3412%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%2250%22%20y1%3D%2282%22%20x2%3D%2250%22%20y2%3D%2275%22%20stroke%3D%22%239a3412%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%2225%22%20y1%3D%2250%22%20x2%3D%2218%22%20y2%3D%2250%22%20stroke%3D%22%239a3412%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%2282%22%20y1%3D%2250%22%20x2%3D%2275%22%20y2%3D%2250%22%20stroke%3D%22%239a3412%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E" alt="Bringing ideas to life one step at a time" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
</div>
<a href="https://www.instagram.com/yourprofile/" target="_blank" rel="noopener noreferrer" style="display:block;text-align:center;padding:12px;font-size:12px;color:#8e8e8e;text-decoration:none;border-top:1px solid #efefef;">
View more on Instagram
</a>
</div>Paste this HTML into your website's source code where you want the feed to appear. No external scripts required.
A free, no-code solution to display your Instagram feed on any website.
Match your website's design with professional light and dark theme options.
Choose from three layout styles to showcase your feed the way you want.
Control columns, spacing, borders, captions, headers, and post count.
Get clean, self-contained HTML. No external scripts or iframes needed.
Embeds look great on desktop, tablet, and mobile devices automatically.
Works with any public Instagram profile. We never ask for your password.
Type in any public Instagram username to load their feed.
Choose your theme, layout, columns, spacing, and toggle captions or headers.
See a live preview on desktop, tablet, and mobile. Then copy the embed code.
Add the HTML snippet anywhere on your website. It works instantly — no dependencies.
Whether you run a blog, online store, or portfolio — an Instagram feed keeps your site fresh and engaging.
Show product photos and user-generated content to boost social proof and conversions.
Display your latest work automatically. Let visitors see your creative process in real time.
Add visual variety to your content. An Instagram feed breaks up text and increases time on page.
Showcase menu items, ambiance, and customer moments to drive foot traffic.
Embedding your feed is just the start. Boost your reach with our Instagram growth packages.