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

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

This page shows containers in which the proportions (or aspect ratio) remain the same, even when their size changes. This is possible by changing the top padding to a percentage, which is based on the width of the container. 

Yeah, this sounds super weird, but it works! Try it by resizing this window.

If you have a suggestion on how we can make this more useful, please leave a comment!

Aspect Ratio Boxes

aspect-ratio-boxes

With this Frequently Asked Questions Webflow Resource you can add questions and answers to your project in 2 minutes. Clone it for free and let us know in which projects it has been used :) 

For more free resources visit: https://www.flow.ninja/free-resources

Frequently Asked Questions Webflow Resource

Frequently Asked Questions Webflow Resource | Flow Ninja

A simple pop-up modal to add to your website with instructions on how to make it display only once. 

This way when a user sees it, they won't see it again as they browse the website.

Follow along with the video tutorial: https://youtu.be/uSgSoEQD1vs

Simple Pop-Up Modal

Flow Ninja

Hey Team! 

After identifying where our team has the most amount of issues when creating integrations with custom CRMs we've seen that Hubspot has many different ways to integrate your forms with the platform.

That's why we've created this free resource to showcase 4 most used ways like:

1. Webflow to Zapier to Hubspot
2. Webflow and Hubspot HTML Forms
3. Enterprise and Hubspot
4. Webflow and Hubspot tracking code

We're releasing 4 different videos in the series, you can find the first video below:
https://www.youtube.com/watch?v=xeIKoE6tdGI&lc=UgwcglIinVDrO26hQnd4AaABAg

HubSpot And Webflow Resource Flow Ninja

How to Connect Hubspot and Webflow in 4 ways

As a webflow designer, I’ve used tons of tools for my projects. Most of them are scattered all over the web and hard to find. That’s why I built this site—to collect the best resources in one place and provide easy access to other webflow users. currently, I have curated more than 35 tools out of which 25 are built especially for webflow. I'll be adding new tools and other resources from time to time so you don't have to waste time searching for them.✌️

I have built this site for the webflow community and recommend all the users to check out these powerful tools, I am sure you will find a lot of new resources for your next webflow project.

Also thanks to all the creators and webflow for building these awesome tools which are helping thousands of people around the globe to covert their ideas into reality. 🙏

Flowsource

Veza Digital

I got tired of going into photoshop every time a client needed a laptop mockup, so I made this webflow resource - you just have to replace the screenshot image, and it will look perfect and be responsive right away!

No more cropping, photoshop, etc. Enjoy!

Macbook Mockup

Macbook Mockup Replaceable Screenshot - Cloneable

Buttons on ticket responsive positioning.

Solution to this forum question 
https://discourse.webflow.com/t/help-keeping-multiple-buttons-properly-positioned-over-background-image/202484

Ticket

Buttons on ticket - positioning example

Build sites quickly and efficiently with our easy to use Webflow framework. Make use of responsive grids and a range of prebuilt components.

Content is routinely updated.

Mediadesign Framework

mediadesign-framework

API (Asian & Pacific Islanders) Who Design is a living and growing directory that features API creatives in the design industry. This site draws inspiration by Latinxs Who Design and Blacks Who Design. Our mission is to highlight the breadth of talent within the API population, inspire new designers, connect with fellow APIs, share experiences, and help with the discovery of fresh talent for expanding teams.

API Who Design

Asian & Pacific Islanders Who Design

A landing page created for the pre-launch of an online course, The Behance Blueprint. A systematic framework for creating an engaging portfolio on Behance.

The Behance Blueprint

the-behance-blueprint

madeup.studio

Explore a little universe of resources that help you create, build and launch better digital products in less time.

Create Better

Create Better | A resource database to help you create and launch digital products.

Steps to Support is a guide for what to do and say when someone you know is going through a hard time.

Brought to you by The Social Impact Lab and United Way of Calgary. 

Site Design + Development: J5 Design and Grace Walker

Discover resource websites built by the Webflow community

Discover resource websites built by the Webflow community