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

1. Create a SECTION called foreground, change display to FLEX, center align it, and set its position to ABSOLUTE with a height of 100VH. Give it a COVER → FIXED background. Upload a blurred version of your photo.

2. Drop a DIV called MASK into the SECTION and customize it however you like. Set its position to ABSOLUTE with a Z INDEX of 1. For the zoom effect, simply add a CLICK interaction on the MASK.

3. Drop another DIV within MASK called PHOTO, set its width 100VW and height 100VH. Change its position to ABSOLUTE, give it a COVER → FIXED background, and upload the original image.

4. Add a PAGE TRIGGER interaction, select MOUSE MOVE IN VIEWPORT, and create an animation. Add MOVE interactions in the MOUSE X and Y panels.

MASK - Set X’s position to -50VW at 0% and 50VW at 100%. Set Y’s position to -50VH at 0% and 50VH at 100%.

PHOTO - Set X’s position to 50VW at 0% and -50VW at 100%. Set Y’s position to 50VH at 0% and -50VH at 100%.

That's all folks :)

Photo Masking

Component → Native Photomasking

A responsive Gallery that'll adapt to different orientation images and it uses the Photo Gallery option in the CMS to create the gallery.

Minim Mosaic Photo Gallery

Minim: CMS Mosaic Gallery

First cloneable! YAY!!!

CMS driven scroll parallax using add classes by Finsweet

Let me know what you think!

(I attempted REMs. I know i'm missing something...)

sissy's cms parallax

CMS parallax scroll into view

I've created this project as a free clonable file for the Weflow community.

Copy of Em Design - Freebie

Editorial Freebie [Original Version]

The Institute researches the issues of today’s urban reality. Their students and contributors are eager to make the cities of the future sustainable, multicultural, safe and healthy. 

Spaces Urbanistic Interaction

Switching tabs with image swapping

A website for an FBLA competition

Check out the photographer @sixthlens!

Sixthlens Photography Project

Photography Portfolio Website

Andy Parker

Andy Parker - Photography Portfolio

Hello everyone !
Happy to join WebFlows!

I am a student in the web and recently Freelance Webdesigner, WebDeveloper, UI / UX Designer
(https://www.malt.fr/profile/adrienkraljic)
Here are two projects that I made and that I share with you (they are clone for those who are most interested)

Discover another Landscape

Sun Set Parallax

My new portfolio is alive ! 

I'm Bazil, a french webdesigner & photographer helping event managers solve their online visibility issues through custom website design, dedicated social media strategies and on-site photography 👋

I hope you'll like my portfolio as much as I had fun making it ✌

Bazil Hamard - Portfolio

Bazil - Portfolio

Digital Butlers

What if you're a photographer or videographer looking to showcase your work to the world? Look no further than our template designed specifically for professionals like you. Our team of web design experts has created a stunning template that highlights your art in the best possible way.

With a clean and modern design, our website allows your photos and videos to take center stage. We offer a template that cater to all types of photo and video, from landscapes to portraits.

What we've got for you:

Homepage x 1
Blog x 1
Blog post x 1
Gallery x 1
Gallery Page x 1
Menu x 1
Custom 404 x 1
Styleguide x 1
Changelog x 1
Licenses x 1
Figma File Included

Find the template on Marketplace 👇🏻
https://webflow.com/templates/html/visionary-db-photography-website-template

Visionary DB Showcase

Visionary DB Template | 💸49 USD

A portfolio page showcasing work in Photo- and Videography.

KIPRY

KIPRY - Videography

Personal site to share my portfolio of editorial art and brand case studies.

Portfolio

My personal industrial design website, used to showcase my work and provide info for potential clients.

Graham Reynolds

Designer Portfolio Website

alexsteyp

ALEXSTEYP

Are you looking for an amazing template to boost your brand as photographer or as a photography studio? Presenting Photographer X, the ultimate photography Webflow Template & UI Kit designed to help you have an amazing website as easy as 1, 2, 3.

- - - 

Interested in Photographer X - Photography Webflow Template?

• Check out a live preview here: https://photographertemplate.webflow.io/

• Purchase it now for $129 on the Webflow Marketplace: https://webflow.com/templates/html/photographer-x-photography-website-template

Looking for an amazing Webflow Template for Photographers, Photographer, Videographer, Photo Studio, Dark Mode, Personal Brand, Photography Portfolio, Photography Gallery.

- - -

• BRIX Templates - Looking for another template? Take a look at our collection of premium Webflow Templates on https://brixtemplates.com/

• BRIX Agency - Looking for a hand to design & develop an amazing Webflow website? Get in touch with our amazing team on https://brixagency.com/

[Showcase] Photographer X | Webflow Ecommerce Template

Photographer X - Photography Webflow Template | BRIX Templates

giveyourselfawedgie

Our Shocky design is an elegant work for profiles. A cool modern design for designers, photographers and art enthusiasts. This design can also be morphed into a sleek company site. It includes a profile page with grid of your work. A single page to display all your work in a blog like format, An elegant about us page and an effective contact us page.

We have used this format and layout to create easy wordpress and drupal sites. Do reach out to us should you have any developmental needs or if you wish for us to lay it out on CMS of your choice.

https://pixel21.com

Discover photo websites built by the Webflow community

Discover photo websites built by the Webflow community