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

This is a MacBook with a scrollable image to showcase whatever you want :)

MacBook scroll effect

MacBook with scroll

Marketing website for a fictional company created to test out some different styling. Really happy with it so I've made it cloneable for all to use.

Comes with marketing pages, FAQ, contact & application forms. Feel free to use as you'd like!

I'm currently available for new projects so get in touch if you have something in mind!

Port

Marketing pages | Visual UI

Here's a short 7 step tutorial on how to have a dynamic slider.

The amount of slides is determined by the amount of images added to the Multi-Image field in Collections. 

I hope this will accomplish the experience you were missing.

Feel free to ask me if you having trouble here:
https://forum.webflow.com/t/tutorial-create-a-dynamic-multi-image-slider/131059

Tutorial - Dynamic Slider - Multi Image

Tutorial - Dynamic Multi-Image Slider

Watch the tutorial at https://www.patreon.com/posts/66067135

Images from https://www.vendredi-society.fr/ and https://www.apple.com/

Image Sequence

Scrolling Image Sequences

This is just a fun, simple clone I've built to experiment with some interactions.

It features a hero section that reveals changing images & videos (using CSS). I've written some code that will simulate the cycling effect on Tablet/ Mobile. 

My stretch goal is to refine the "menu interaction" (need to spend a bit more time) and implement a dark mode switch. Rebuilt from https://www.cristobalbalenciagamuseoa.com

Hero Changer

Cycle Images on Hover

Polaroids tend to be easy on the eye! There is something satisfying about them. Here is my attempt to recreate the magic of Polaroid shots.

This effect can look well when supplemented with text on the side as part of a feature section. The images can also be swapped for a GIF or video.

The spread-out animation was inspired by www.amie.so. The interactions and polaroid frames are fully made in Webflow using shadows. I used custom code for the cursor.

Polaroids

A Stack of Polaroids

This is a fun interaction with an image trailing effect. The idea is to follow the mouse and show a trail of images.

This effect uses vanilla JavaScript to paint images when hovering over links within a canvas element.

Image Trail

Image Trailing Effect

Can you showcase your website in context to your clients, without opening Photoshop?

Of course you can!

Clone this demo and use it to put your designs on a pedestal, and impress your clients. It works with videos, images and embedded websites.

I had a lot of fun building this, so if you found this useful, feel free to clone this, leave a like, and share it with a friend.

Cheers ✌️

Interactive Mockup

Interactive Presentation

Master Flowmaker

Full Image Card Hover

Inspired by @eight.seconds

081 - 100 days of @webflow interactions

#81 Card Hover

#81 Full Image Card Hover

Hello Everyone !

I am back with another cool card hover effect , 
this can be used in personal portfolios

You can change the angle if you want from transformations and also you can change the layout if you want  :)
Let me know if you have any questions !

Follow for more awesome stuff !
and if you want to hire me , you can press Hire Me or Email me at kingfactory1234@gmail.com  

Thanks Stay Healthy and Safe !

Tilted card hover effects

Tilted Cards hover Effect

Designflow agency

This is our 9th cloneable design! 🎉🚀 Use it for free and do whatever you want with it. 

Check it out: https://image-hover-liquid-distortion.webflow.io/. 
Image Hover can be a simple way to enhance your site experience through delightful interactions.

This template is made with: 
✔️ Unsplash images

 Follow me for more Webflow freebies in the future 💙

Image Hover Liquid Distortion

Image Hover Liquid Distortion — Cloneable # 9

Full Portfolio Image on Scroll

Inspired by @_powellben

096 - 100 days of @webflow interactions

#96 Full Portfolio Image on Scroll

This site shows how to connect a CMS multi image field to a slider using custom code.

CMS Slider Demo

CMS Multi-Image Slider Demo

Image Reveal

024 - 100 days of @webflow interactions

Inspired by: Bookmark for Image Reveals

----------------- 

Are you a creative director looking to develop your designs with Webflow? Let’s chat
 🔷 https://calendly.com/bookmark-wf/webflow-chat

#24 Static image Revelas

#24 Seven Image Reveal

It doesn't work in the webflow preview but in all browsers.

DOC:
https://github.com/robin-dela/hover-effect

WebGL img transition

WebGl image transition

This project is a special use case of my general "Multiple Nested Collections " project if you want to display more than 5 images from a multi-image field that is part of a collection.

The project contains two templates pages:
(a) Basic Gallery 
(b) Gallery with a custom Lightbox Component that works with the multiple nested collections script.

Discover image websites built by the Webflow community

Discover image websites built by the Webflow community