Discover the best instagram websites created by professional designers. Get inspired and start planning your perfect instagram web design today!

Bradley Stallcup

A sticky section based off Instagrams branding guidelines page and has place to download logos near the bottom.

minim-insta-brand-guidelines

Uros Mikic

Learn how to add an Instagram Feed to Webflow in 4 easy steps. We're going over our Free Instagram Widget for Webflow and explaining what steps to take in order to make it live in no time.

Clone the Free Resource Here: 
https://www.flow.ninja/free-webflow-resources-and-templates/free-instagram-feed-widget

View our Website for more Webflow Resources: https://www.flow.ninja/

Credits for the Webflow CMS Library: https://cmsdocs.webflow.io/

Tutorial here: https://youtu.be/c9Hhadc2csA

Timestamps:

1.) Copy Instagram Widget
2.) Connect CMS
3.) Connect Zapier
4.) Publish

Happy designing!

Webflow Instagram Feed Free Fesource

BRIX Templates

Looking for an amazing Instagram feed for your website? Search no more! Duplicate our free Instagram Feeds Webflow Cloneable Template.

Clone it, copy it to your Webflow project, and that is all!

- - - - - - - - - -

Interested in this free Webflow Cloneable?

💻 Check out a live preview on: https://instagram-feeds-elements-brixtemplates.webflow.io/
✅ Click ‘Clone project’ to get a clone on your Webflow account

- - - - - - - - - -
⭐️ BRIX Templates - Looking for the best Webflow templates? Take a look at our collection of 100+ amazing templates at https://brixtemplates.com/

⭐️ BRIX Agency - Looking for a hand to design & develop an amazing Webflow website? Get in touch with our amazing team at https://brixagency.com/

Instagram Feeds Webflow Template | BRIX Templates

BRIX Agency

Are you searching for a simple method to display your Instagram feed on your Webflow website? We have a solution for you!

Watch tutorial here 👉🏻: https://www.youtube.com/watch?v=hNgOhzjGyuw

— — — ❓ What are the benefits of using our integration? — — —

🎨 Highly customizable: All Instagram Feed layouts are 100% editable to match your colors and fonts.

⚡ Lightning fast: Our Instagram Feeds are developed natively on Webflow, so you don't have to worry about website load.

⏰ Implement in no time: Clone our Webflow cloneable and get your Instagram feed up and running in less than 15 minutes. Amazing, right?

⚙️ 100% Automated: All your Instagram posts will automatically populate in your Webflow site as you publish on Instagram.

Check our live preview 👉🏻: https://instagram-feed-cloneable-brix.webflow.io/

⚙️ Need a hand in implementing this Webflow cloneable? Send us an email to ✉️ contact@brixagency.com and one of our Webflow Experts will get back to you within 24 business hours.

Instagram Feed Webflow Cloneable | BRIX Agency

Dave

Here is an example to dynamically add Instagram embeds to your projects using the standard Instagram Embed code and a Collection.

Some resources: 

How to get the original embed snippet: https://help.instagram.com/513918941996087

How to use an Embed Component in Webflow using Collection fields: https://university.webflow.com/article/how-to-use-dynamic-embeds-on-your-webflow-site

Support for CMS and Custom Code here: https://forum.webflow.com/c/code-help

Dynamic Instagram Embeds

Blair McDonald

A responsive, CMS connected Webflow project to use as a self-hosted alternative to social 'link in bio' tools such as Linktree (linktr.ee). 

By hosting your own link in bio page, you benefit from centralised editing, have additional styling options and direct all social link traffic to your site, rather than a third party's. There have also been reports of accounts being penalised on Instagram for using third party link in bio apps such as Linktree.

The project is free to clone and comes with both CMS connected and static versions, as well as instructions.

Social Link In Bio Alternative

Webflow University

In this project, we use Zapier to connect our Instagram feed to a fully-custom, responsive layout using CSS grid.

Instagram gallery

I saw this somewhere and thought it'd be fun to make it. Use it for whatever you need!

Instragram Desktop Remake

Samuel

Please open in a new window to view this site

ScottsSquare Sample 2

Christian Gilbang

Recreating Instagram's desktop interface using Webflow!

Prototype - Instagram

ScottsSquare Sample 1

©r2studio

Introducing our latest feature: the Instagram-like story function that is now available for your Webflow website! With this free and easily cloneable feature, you can now take your website to the next level.

Story function (Cloneable) by ©r2studio

Josh Overton

This is a personal website I created to host my Lightroom Presets, Free Phone wallpapers and a Spotify Playlist which all  relate to my personal Landscape Photography Instagram account - https://www.instagram.com/the_hinterlander/

The initial loading animation can be a bit glitchy sadly, and i'm not sure why, its just very basic webflow interactions. Still, it was a very fun personal project!

There is an interactive before/after slider mechanic built purely with webflow interactions on the Lightroom Presets page. Let me know if interested in how it works.

The Hinterlander: Lightroom Presets & Phone Wallpapers

Digidop Agence Webflow

Hi Webflow community ! 👋

Here is a new free to clone made by Digidop - The French Webflow Agency -

We built a Webflow Instagram feed using Webflow CMS and Integromat to automate feed. This instagram slider is 100% native webflow to comply with best-practices Google Core Vitals (#1).

✅ Free to Clone
✅ Client-first naming convention
✅ 100% automat with Integromat & Webflow CMS
✅ Google Core Vitals Friendly

Need some help to implement ?

📖 https://www.digidop.fr/blog/comment-integrer-instagram-webflow
🍿 https://www.youtube.com/watch?v=MFQOfdMn7UU

(Fr) Nous avons construit un flux Instagram pour Webflow en utilisant Webflow CMS et Integromat pour automatiser la récupération de data. Cette “intégration” instagram est 100% webflow natif pour se conformer aux meilleures pratiques Google Core Vitals.

✅ Gratuit
✅ Client-first classes CSS 
✅ 100% automatisé Integromat & CMS

📖 https://www.digidop.fr/blog/comment-integrer-instagram-webflow
🍿 https://www.youtube.com/watch?v=MFQOfdMn7UU

Instagram Feed - Embed - Webflow

JP Dionisio

1 Day Challenge #001

I did the design with Creative Cloud & Figma for 5 hours
and another 5 hours to develop it in Webflow.

Trying to gauge with what I can do in a single day
and also to improve my web design process.
I didn't have enough time to optime the image sizes.
First time to use the tabs element.
Happy with what came out of from scratch.

Interested in working together?
hey@jpthedio.com

Feel free to clone this one.
Nothing really mind-blowing with this one.
Might add some interactions in the future.
Enjoy!

Umami at BGC - Japanese Sushi Restaurant

Felix Gonzalo

Descubre 5 diseños diferentes para mostrar tu Feed de Instagram en Webflow.

Aprende a añadir un Feed de Instagram en Webflow en este tutorial:
https://www.youtube.com/watch?v=kFTBVAfLF4A
---------------
[EN]

Find 5 different layouts to display your Instagram Feed on Webflow.

Learn how to add an Instagram Feed in Webflow in this tutorial:
https://www.youtube.com/watch?v=kFTBVAfLF4A

Instagram Feeds para Webflow

Udesly.com

This is a completely customizable and already configured Instagram feed to insert within your Webflow project.

Instagram Feed

Seán Marsh

OneClik is my solution to using Webflow as a Linktree killer.

You don't need to pay extra cash for a third party platform, when Webflow's got the features already baked into it!

Clone this to create a solid, one page collection of links for you or your client's Webflow sites.

Static and CMS powered versions.

Oh and you get my responsive typographic styleguide, global colours and more.

Discover instagram websites built by the Webflow community

Discover instagram websites built by the Webflow community