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

Please read: All I ask is that you Like & Share if you clone it :)

Here is a custom animated slider with really cool animations for 3 slides.
Every part of it is connected to the CMS:

- Video Light Box
- Business Info
- Animated Rotating Text
- Leading Text & Caption
- CTA Button

You can also change the rotating text color for each one in the interactions. Just look for the one that says text-color and you can select any color you want it to transition to. 

I hope you guys have fun with it! 
Enjoy!

Hero Loop

Custom Animated Hero Slider - CMS

Hey everyone!

Showing you a Webflow Like Slick Slider. Make sure to follow my profile for more assets.

Make sure to clone it.
If you like these contents,check out uiflow.co

Visit us @ uiflow.co

Webflow like slick slider

Uiflow Webflow Like Slick Slider

A magnetic video play button that appears on hover on a background video and follows the mouse cursor. When clicked, it opens a lightbox with the video.

Tutorial: https://youtu.be/ySUF-D9LxjE

Magnetic Video Play Button on Hover

Magnetic Video Play Button following the Cursor

Lightbox CMS support has been shipped!

Here's a lite template testing it out!
Clone and use freely!

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃

🥰 Support Us:

𝙄𝙛 𝙮𝙤𝙪 𝙚𝙣𝙟𝙤𝙮 𝙤𝙪𝙧 𝙘𝙤𝙣𝙩𝙚𝙣𝙩, 𝙥𝙡𝙚𝙖𝙨𝙚 𝙘𝙤𝙣𝙨𝙞𝙙𝙚𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩𝙞𝙣𝙜 𝙪𝙨 𝙤𝙣 𝙤𝙪𝙧 𝙨𝙤𝙘𝙞𝙖𝙡 𝙘𝙝𝙖𝙣𝙣𝙚𝙡𝙨. 𝙔𝙤𝙪𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩 𝙝𝙚𝙡𝙥𝙨 𝙪𝙨 𝙜𝙧𝙤𝙬 𝙩𝙝𝙧𝙤𝙪𝙜𝙝 𝙧𝙚𝙖𝙘𝙝𝙞𝙣𝙜 𝙛𝙪𝙧𝙩𝙝𝙚𝙧!

⦿ Website @ www.flowbase.co
⦿ Webflow @ www.webflow.com/flowbase
⦿ Twitter @ www.twitter.com/t_bekkers
⦿ Instagram @ www.instagram.com/flowbase.co

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃

✒️ Licence Notes:

⦿ Images available under CC0 (Unsplash, Pexels, Freepix or Similar)
⦿Typography available under SIL Open Font License 1.1 (Inter)
⦿ Iconography available under CC0 (UpLabs, Flaticon, Noun Project)

Template CMS Lightbox | Flowbase

CMS Lightbox Template (CLONE)

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)

Its so simple *.*
ahh and its a CMS Lightbox ;D


++ New Version ++
https://webflow.com/website/unsplash-clone

masonry grid

CMS vertical masonry grid

CMS Next / Prev Lightbox

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

Images from https://k72.ca/en/about

Team Grid

Team Page Image Transition

A custom gallery and showcase with the combination of Webflow Slider, Lightbox and CMS capable. All these are doable thanks to Finsweet hacks. With a little tweak in the code and be creative with the integration, here's the new cloneable.

If you need help in implementation, DM me. I'll be around.

Have fun cloning. 😄

====================

💖☕ Support us by buying us a cup of coffee.

If you enjoy our content, please consider supporting us. Your support will help us grow bigger and provide the community with better content.

https://www.buymeacoffee.com/sketchzlab

===================

💌 Follow us on social media.

Facebook @ www.facebook.com/sketchzlab
Instagram @ www.instagram.com/sketchzlab/
Twitter @ www.twitter.com/SketchzLab
Webflow @ www.webflow.com/SketchzLab
LinkedIn @ www.linkedin.com/company/sketchzlab/
YouTube @ www.youtube.com/channel/UCAEXTAQ7IAG71rsJ1ehBnzQ

sketchzlab-cloneable-15

Custom Image Gallery (Slider + Lightbox + CMS)

Minimal, easy to navigate blog template!

Enjoy:
CMS and dynamic content 
50 royalty-free stock images
Search Bar
Subscribe lightbox sign up
Mobile friendly navbar 
Fully-responsive

Blog Template

Minimal, Easy to Navigate Blog Template

Start your website with our cloneable hero section design perfect for Non-Profit or Charity website 🤝

Components & Features:

⦿ Fullscreen Tabs layout to efficiently display large text content 
⦿ Fullscreen Menu with unique hover animations
⦿ Video Lightbox
⦿ Search Functionality

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

Like this cloneable?  👍 

We're coming soon with a huge library of more such high-quality and free cloneable hero section designs for every kind of website built in Webflow.

For more FREE CLONEABLES
→ https://theherosection.webflow.io/

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

Support:

If you have any difficulty in understanding the design or any part of it, please feel free to comment below. Alternatively, you can send us an email here: support[at]theherosection.com

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

License:

⦿ Iconography from FontAwesome

⦿ Images from - Pexels.com (under CC0 license)

⦿ Background gradient from - ls.graphics

THS10

Non-Profit/Charity Cloneable Hero Section

I love this gallery from TyCreated soooo much!
It's the same but I added a lightbox feature on click and removed the CMS so you can copy and paste it faster. Thanks Ty keep em' coming!

Slick Lightbox Gallery

This demo shows how to use the Fancybox 3 plugin. It's slightly different to the lightbox - and I've set it up to show captions for CMS galleries which the Webflow lightbox doesn't do yet.

https://fancyapps.com/fancybox/3/

Fancybox 3 Demo (Lightbox)

DEMO - Fancybox Gallery (Lightbox)

Start your website design with our cloneable hero section design perfect for an Architecture Firm or a Construction Company🏛️

Components & Features:

⦿ Modern page load and slider change animations
⦿ Custom line style slider navigation
⦿ 2 lightboxes in each slide - one for video and one for gallery images
⦿ Search functionality with search box that comes from top
⦿ Space saving hamburger menu

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

Like this cloneable? 👍

We're coming with a huge library of more such high-quality and free cloneable hero section designs for every kind of website built in Webflow.

For more FREE CLONEABLES
→ https://theherosection.webflow.io/

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

Support:

If you have any difficulty in understanding the design or any part of it, please feel free to comment below.

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

License:

⦿ Images used in the design are from Pexels and are licensed under CC0 license.

⦿ Iconography from Fontawesome and OrionIconLibrary

THS07

Architecture Cloneable Hero Section

He’s back!

I’ll admit, an interaction a day was a bit ambitious. I had to take a nice break to re-think how I wanted to share new content. After some time I am re-introducing the interactions, but this time they will be weekly instead of daily. I might throw in an extra 1 or 2 in a week if I’m feeling inspired.

The other thing you will note with these interactions is that the video tutorials are no longer free on YouTube. The interactions and video tutorials take time to create and craft, so there is now a subscription where you can receive a weekly video tutorial on how to create the interaction of the week. Now that Webflow has introduced Lottie as a feature we will be using Adobe Illustrator and After Effects to create really unique and sophisticated interactions.

Thanks everyone for all the kind words and feedback on the interactions. I do have a lot of fun creating them and am happy to be sharing them again :).

Best,
John

WebDev for You - Interaction #136

WebDev For You - Interaction #136

Ajax Modal

In 2010, a study published in The Medical Journal of Australia found that 61% of Australians said abortion should be lawful without question in the first trimester of pregnancy, while 26% said it should be lawful depending on the reason. In the second trimester and third trimesters, support for outright lawful abortion was 12% and 6% respectively.

Abortion

An informative Take on Abortion in 2019

I found some great code from lewis on the forums to disable the right clicking on light boxes and I wanted to have something easy to duplicate. So here's a clonable for ya.

Put the HTML code in the footer of either your page or project.

The first line disables images and the second disables the Lightbox images.

(I know I know this is totally pointless, but sometimes it makes clients happy.) Don't ever put anything on the internet that you don't want shared haha!

Enjoy!

Discover lightbox websites built by the Webflow community

Discover lightbox websites built by the Webflow community