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

The workaround for using CMS collections with the native lightbox in Webflow can be extremely daunting for users who don't know code. Plus the setup is really long for something that can essentially be done very easily with the right tools.

Well in this project we are looking at Magnific Popup. A JQuery plugin to make using lightbox extremely easy. It requires hardly any custom code to get what you want. And the best part about it is you don't have to sacrifice any design features in Webflow. 

AWESOME! Check out the walk-through at the bottom if the page to get started using Magnific Popup with Dynamic Collections in your Webflow Project.

CMS Lightbox Galleries

CMS LightBox Galleries (The Easy Way)

Quick little test to see if an cool interaction someone found on Dribble was possible.

Concept by Cosmin Capitanu

Developed in Webflow by Nathan Dennis

Slider Reveal Interaction

Habitat Concept

The slider component in Webflow can also be extended with an individual animation. This way you can give each slideshow its own character. 

This cloneable is a splitscreen gallery in which the slideshow automatically rotates through different collages and animates each slide with its own transition.

You could use a grid inside of each slide as well.

Watch the Tutorial here: 
https://youtu.be/IvxswB5jy-w

Custom Slider Autoplay Gallery Animation

A minimal website for restaurants with classic color tones, an animated menu gallery, and a simple menu list

The Bread Company

simple-restaurant-template-1

Victorian CMS made for Le Bathyscaphe, a Steampunk / Art Deco bar and restaurant. I had previously worked with the vectorian style for their printed comunication material (the project can be seen here https://www.behance.net/gallery/57793969/Victorian-tabloid-newspaper-for-Le-Bathyscaphe-bar ) and I decided to bring this alive for their website.

The typographic part was very funny to work with, also visitors are facing a staggering 650ko of fonts to, download, but that's a choice we made.

The little submarine has been animated using Webflow's IX2.

Le Bathyscaphe

Clonable CMS Gallery — a simple dynamic gallery for your Webflow projects.

001 Gallery

001 CMS Gallery

Using jQuery filtering plugins with Webflow

Filtering plugins

Isotope and MixItUp with Webflow

Webflow

Animate an After Effects animation as the page is scrolling.

After Effects & Lottie | Animate while scrolling

Learning Webflow platform using Lottie animation exported from AE via Bodymovin.

UFO Animated Scroll Project

Hire/Contact Us Block

Animated hire/contact us section

Demo site how to use Webflow interactions for filter gallery content. Tutorial you can find here: http://forum.webflow.com/t/filter-images-in-your-gallery-without-adding-code-or-external-plugins/10770

Filtering Gallery Tutorial

webflow-filtergallery

New version of Free Artist gallery site (saevskaya.webflow.io) with implemented CMS.

Discover gallery animate websites built by the Webflow community

Discover gallery animate websites built by the Webflow community