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

ITA Group

A multi-column, card style slider that is fluid and responsive, while also starting with first card left aligned and last card right aligned. The slider mask is set to a percent width, and each slide is pulled right with varrying percentages based on the number of cards in the slider. This way you can control the number of cards shown depending on the screen size!

Responsive Card Slider

Landing Page design for Desktop Vision 
It is designed to be simplest and easiest remote desktop software to use. It also supports WebXR which allows you to project your desktop into augmented or virtual reality.

Full website: desktop.vision

Desktop Vision

Desktop.vision

ThreeSixtyEight

TSE Microsites

Rebuild of https://us.cowboy.com/products/e-bike-cowboy-4

This cloneable is for learning purposes only. I do not own the rights to this design and content.

Cowboy Bike Lander

Fluid design precision for Webflow experts

Wizardry 2.0.0

Wizardry 2.0

Source:
https://github.com/codrops/ShapeMorphIdeas/

Fluid Svg Background

Anime.js Svg Morph

Containers

Containers Tutorial

Watch the tutorial at https://www.youtube.com/watch?v=aHeG-XDiEDs

MRstudio

A Portfolio Website created over the course of a couple weeks and through a year long visual evolution. Click and drag to go with the flow :^) Enjoy

Interactive Dynamic Portfolio Site

This is the backup site of a full site I made for a client. New Normal is a creative agency.

NewNormal - backup

NewNormal

Netguru S.A.

Hidden Heroes is a digital collection of stories about the people behind modern software and design. The publications within the website are a tribute to innovators who set the foundations on which we build vital solutions for the modern world. Their inventions make the world run, but their stories remain hidden. Until now. Hidden Heroes uncovers unexpected connections between great human stories and technologies and ideas that are widespread public phenomena today.

Hidden-heroes

Hidden Heroes

Figma to Webflow practice with NEW2THEFLOW. Figma from here: https://www.lapa.ninja/freebies/mntn-free-landing-page-for-figma/

MNTN2

A quick demo on how to make fixed size div's or fonts that dynamically resize relative to the viewport size

Dynamic Fonts & Dynamic Div Sizes

dynamic-fonts-dynamic-div-sizes

Desktop only home page of a larger website shared to developers to showcase fluid grid, style guide and interactions directions of the project.

Panac style guide

Panac home style guide

We Made

Narrativ is a photography, film production, and brand strategy agency located in Oslo, Norway. As they changed their focus from mainly film production to a more strategic and brand managing role, they change the company name from "Liten film" to "Narrativ" to represent this internal change. 

We Made were tasked with designing and developing Narrativ`s new website.

Narrativ Oslo

I am a full-time creative worker and graphic designer currently in Berne, Switzerland. My goal is to design experiences and reflect the values of a project so that it can reach its purpose. I like to be part of projects with impact and as a problem solver I appreciate being a design consultant.

greg.design

greg.design by Gregory Anthony Zagkos

we are a collective of creative people who love to turn a project into a mission of the heart and find a creative solution together.

Meloncats | Live Page

greynoise

Quick (<24-hour turnaround) Figma -> Webflow landing page build for a pension app/service. Client-first Style System, Fluid AND Responsive design principles used, custom interactions.

Discover fluid websites built by the Webflow community

Discover fluid websites built by the Webflow community