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

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

Minim Instagram Brand Guidelines

minim-insta-brand-guidelines

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 Resource

Webflow Instagram Feed Free Fesource

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

Example Instagram Embed

Dynamic Instagram Embeds

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.

Link In Bio

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.

Photostories

Instagram gallery

Please open in a new window to view this site

ScottsSquare 2

ScottsSquare Sample 2

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

Instagram Remake

Instragram Desktop Remake

ScottsSquare 1

ScottsSquare Sample 1

Recreating Instagram's desktop interface using Webflow!

Prototype - Instagram

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

The Hinterlander: Lightroom Presets & Phone Wallpapers

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

Instagram Feed 2.0 Cloneable

Instagram Feed

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.

OneClik

OneClik, better than Linktree.

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 BGC

Umami at BGC - Japanese Sushi Restaurant

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

Embed Instagram

Instagram Feed - Embed - Webflow

I learn a TON from Instagram carousels.

But the web designer inside me said, why the heck don’t we carry this energy onto our websites, our home base? Why don’t we repurpose our creative carousels on our websites? 

So I set out to show some examples. 

This project shows various ways how you can reuse Instagram carousel images on your website. You simply have to upload your images and switch out the images. 

When possible, just make sure to optimize the images to keep your site loading fast!

——

Demo: Watch this video where I explain the setup and how to make changes https://www.youtube.com/watch?v=m3HtgYW-8rw

I'd love to hear what you think! This is my first clone and so I can learn lots!  If you have any thoughts and/or ideas on how I can improve this clone, please let me know! Twitter (https://twitter.com/mikemiello) or email me michael@webodew.com.

Instagram Carousel Webflow Template

instagram-carousel-webflow-template

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

Instagram Feeds para Webflow

This was inspired by: 
https://www.instagram.com/alexunderhess.design/

Instagram soft icon

Soft Instagram Icon

Online magazine for parents and parents-to-be
Integrated with Wordpress
Launched at http://singaporeschild.com.sg

Discover instagam websites built by the Webflow community

Discover instagam websites built by the Webflow community