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

CJ Hersh

Reverse engineered version of Webflow's very own sticky section component found here: https://webflow.com/solutions/freelancers-agencies.  

Details:
- It's using a proxy div (4x) to call the 'Scroll In/Out of View' interactions
- There is custom code in the footer used for video playback controls (starting/stopping video at specific time based on scroll position)
- 100% credit to Webflow team for design and original implementation

Webflow Sticky Sections

SketchzLab

A custom double slider. Using 2 slider elements that will change by a single onclick event from a custom button. Custom button will trigger click on 2 hidden slider link simultaneously.

Have fun cloning. 😄

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

💖☕ Support us by buying us a 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

Custom slider - Double slider hack

A native custom interaction images showcase.

Have fun cloning. 😄

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

💖☕ Support us by buying us a 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

Custom Showcase Slider

Paulina Jarosz

Carousel slider with Swiper JS [Cloneable]

• Centered slide
• Active slide with a custom style (class: Swiper Slide Active)
• Infinite loop
• Navigation arrows
• Keyboard control
• Mousewheel control
• Custom swipe speed
• Full screen layout
• RWD

// Copy the code from Page Settings. //

Enjoy! ✌️

Created by Ficturo -> https://www.ficturo.com/

Swipeflow・Swiper JS & Webflow Integration

WebDev For You

This demo showcases a circular slider with animated panels in the background. The panels were created in After Effects and triggered via a slider element in Webflow. The main slider was also linked to a secondary slider that showcases text. The sliders were linked together via custom code.

Inspired by the following Dribbble shot from Keshav Dev: https://dribbble.com/shots/12128648-Wildlife-Shot-Animation

WebDev For You - Interaction #143

Custom slider transition to change the size and focus as the slide changes.

Have fun cloning. 😄

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

💖☕ Support us by buying us a 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 - Slider Custom Transition - 1 (Slide, Scale and Blur)

Hi Everyone! Here is an Architecture Magazine layout I built in Webflow to showcase Grid 2.0 and Flexbox. 

The design is by Juraj Masar. Here is his Dribbble page: https://dribbble.com/masar_official

Here is the video tutorial on how I created this layout in Webflow: https://www.youtube.com/watch?v=Oc4HHJ--KHo

WebDev For You - Architecture Magazine Website

Creating a custom content slider with tabs which changes background images as well as content. It uses CMS.

tabs-slider

Aaron Cougle

Continuous Collection Slider - starts on second panel - mobile friendly

Collection Carousel

Dylan-Bradley Tierney

A portfolio that is all me! This is the first portfolio website I have done that I can say truly is my own and doesn't feel like every other freelancer's website!

Minimal design, using (Ivy presto and Sofia pro) and inverted circles using the new backdrop filters

Dylan-B - Portfolio

Angelika C.

When you add an extra slide, don't forget to create a new "Hide - Slide 4" Interaction and change the target of each element in that interaction to correspond with that new slide. Here's a video demonstrating that: https://vimeo.com/508984402

This is the responsive version of the Punisher Prototype. Kudos to Cgilbang for this cool project, and have fun cloning. Cheers!

This is the Cgilbang's Original:
https://webflow.com/website/Prototype-The-Punisher

Responsive Punisher Prototype

Scaler Marketing

slick-slider-scaler-marketing

Will Gibson

A three-slide landing page featuring a five-column transition between slides.

Slide Transition - 5 Column Wipe

Udesly.com

With this widget you can create and customize, pixel by pixel completely in Webflow, unique sections with a comparing functionality for your images.  It comes with all the necessary elements to help you show two versions of an image together.

Before and After Slider

CMS Slider with a fixed number of slides. Slide will be updated automatically when user toggle on the 'Featured' option. Older featured slide will be replaced with the newer slide.

CMS Slider

Custom slider transition with zoom in effect as the slide changes.

SketchzLab - Slider Custom Transition - 2 (Zoom In and Out)

Perr Tang

We want 360 degrees viewer. Clone it free

Discover slide websites built by the Webflow community

Discover slide websites built by the Webflow community