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

Welcome to Dribbble series, where I attempt to bring to life projects created by popular Dribble artists using only the elements supplied by Webflow! Todays project is web design 04 - Photo Studio by Romeo M. • https://dribbble.com/shots/5593011-web-design-04-Photo-Studio

In my freelancing using Webflow, 95% of my work involves creating crazy, weird sliders that accomplish certain goals. This project is peak slider; displaying information, using grid, with customizations applied to the snide nav, arrows, & content.

For this project, I opted to change a few things that didn't make sense. For example, there were 3 different places in the page where social links were listed, which felt like overkill. I also nixed the mouse icon in the prev/next section, as the slider doesn't let you interact like that. Clone away, and let me know what you think in the comments! Be sure to download the Fontawesome font family to make sure the icons work (https://fontawesome.com/cheatsheet)

web design 04 - Photo Studio

CSS GRID HERO 2 - Dribbble Series - web design 04 - Photo Studio

I have created this project to test my Webflow skills and it turned out really cool. Also, I used a PS to retouch, add text and optimize photos.
It's responsive and without any code, pure Webflow.
As inspiration, I used the work of this amazing designer https://www.saarteaga.com/web
Original photos can be found here https://unsplash.com/photos/dopchJw6LYw
https://unsplash.com/photos/VhKot3A5ZE4 https://en.wikipedia.org/wiki/El_Capitolio

Hope you like it.

Travel Hero Slider

Adventures Grid

adventures-grid

This is a custom testimonial slider which slides between multiple testimonials while showcasing the progress of each testimonial.
You can also click on a particular testimonial to view it . The slider will continue from there.

WingMan

Testimonial Slider

You can use the mouse to erase the top layer of the screen to display the layers beneath

Erase Text

Scroll down to see the images fly by. Stop the scroll and hover to make them wave in the wind.

Cloth Images

3D interactive cloth images

This is a custom CSS grid of images which have different interactions applied to them.
Hover your mouse over each image to see the effect

Custom Grid

Custom Photo Grid

studioDeMore

studiodemore

giveyourselfawedgie

fLe - photo splash!

photosplash!

Hampshire Weddding Photography

hampshire-weddding-photography

NadyaStudio est un studio photo qui, vous aide a pérenniser des souvenirs des grands moments de votre vie. Votre mariage, vos Evénements inoubliables, vos photos, votre Entreprise, Vous et votre Famille.

NadyaStudio

nadyastudio

Anasayfa

gio1

Wrap text around photo

wrap-text-around-photo

This project is a combination of Figma design with Unsplash photos and Canva logos, all together bulb to a responsive website with Webflow.

Ice Cream Party

ice-cream-party

我们专注于高端商业平面与视频服务

Ibin's Fresh Site

艾滨工作室

Frank Carreras's Workspace

Snapshot Media Tampa

snapshotmediatampa

RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

Best Photo Grid Website Examples & Free Designs

Discover photo grid websites built by the Webflow community

Discover photo grid websites built by the Webflow community