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

A gallery of images that can be dragged to reveal new items.
⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃
Take a look at our latest Portfolio Template 
https://louis-template.webflow.io/  
⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃
➊ Website @ www.fouroom.co
➋ Templates @ https://webflow.com/templates/designers/fouroom
➌ Twitter @ www.twitter.com/foouroomdotco
➍ Instagram @ www.instagram.com/fouroom.co
➎ Dribbble @ www.dribbble.com/fouroom

Draggable Image Gallery

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

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

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

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

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

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

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

Just exploring some interesting image reveals on scroll. Enjoy.

Section Image Reveal

Image Section Reveal

Nice Hero Effect

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.

Multi-image Gallery (with unlimited nested collections)

Nested Collections Multi Image Gallery

As you scroll you can have images fixed, now let's build daily interaction #36!

This demo showcases fixed images as you scroll down the site.

To view more daily interactions and premium content visit: https://www.webdevforyou.com/

WebDev for You - Daily Interaction #36

WebDev For You - Daily Interaction #36

⚡⚡⚡⚡

Save hours of manual work and optimize your Webflow images by up to 80% and without quality loss. Powered by tinyPNG to deliver world-class results.

No more saving your CMS images one-by-one only to optimize, download and reupload. Now you can automate this for every website.


👉 www.optily.co
👉 support@flowbase.co



*Optily is a flowbase project, be sure to contact our flowbase team with any questions or support requirements. Thanks!!

Discover image websites built by the Webflow community

Discover image websites built by the Webflow community