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

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

Swipeflow・Swiper JS & Webflow Integration

CMS slider with progress bar built using Splide slider.

https://splidejs.com/

Splide Slider

CMS Slider with Progress Bar

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 - Original by Cgibang

Responsive Punisher Prototype

This site shows how to connect a CMS multi image field to a slider using custom code.

CMS Slider Demo

CMS Multi-Image Slider Demo

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

Tutorial donde te muestro a cómo crear un Slider dinámico en Webflow a través de Slick.

Puedes utilizar cualquier contenido dinámico y mostrarlo en un Slider o Carousel.

**

This is a tutorial where I teach you how to create a CMS Slider in Webflow using Slick Slider.

You can use any dynamic content and show it in a Slider or Carousel.

Slider CMS Webflow

Slider - Carousel CMS en Webflow

A copy and paste-able post purchase right slide over to use with Flow Phantom Upsells and Webflow Ecommerce.

This cloneable is ready to use with Flow Phantom Upsells! The upsell will show in the slide over post purchase. Feel free to use this cloneable as is or customize it further.

Upsells will only work with Flow Phantom Upsells! To create an account visit https://dashboard.flowphantom.com and start building upsells for free on webflow.io domains or learn more by visiting https://www.flowphantom.com.

Post Purchase Upsell Right Slide Over

Post Purchase Right Slide Over

This is a very simple example to show how to apply a parent flex div in your slides to get flex styling for slide content.

Flexbox  Slider

Example Full Page Slider using Flexbox

A copy and paste-able post purchase left slide over to use with Flow Phantom Upsells and Webflow Ecommerce.

This cloneable is ready to use with Flow Phantom Upsells! The upsell will show in the slide over post purchase. Feel free to use this cloneable as is or customize it further.

Upsells will only work with Flow Phantom Upsells! To create an account visit https://dashboard.flowphantom.com and start building upsells for free on webflow.io domains or learn more by visiting https://www.flowphantom.com.

Post Purchase Upsell Left Slide Over

This website shows the way of creating a slider buttons that makes the slider to slide to the proper slide ;D

Laitart - Scripts - Slider Changer

@bartekkustra - Slider Changer

A copy and paste-able add to cart left slide over to use with Flow Phantom Upsells and Webflow Ecommerce.

This cloneable is ready to use with Flow Phantom Upsells! The upsell will show in the slide over when an item is added to the cart. Feel free to use this cloneable as is or customize it further.

Upsells will only work with Flow Phantom Upsells! To create an account visit https://dashboard.flowphantom.com and start building upsells for free on webflow.io domains or learn more by visiting https://www.flowphantom.com.

Add to Cart Upsell Left Slide Over

This website showcases a painting contractors services offered. It includes a gallery of images that the customer can maintain themselves, a testimonials slider and custom code to show their instagram feed on the website.

Canalva

Canalva Painting and Decorating

A copy and paste-able add to cart right slide over to use with Flow Phantom Upsells and Webflow Ecommerce.

This cloneable is ready to use with Flow Phantom Upsells! The upsell will show in the slide over when an item is added to the cart. Feel free to use this cloneable as is or customize it further.

Upsells will only work with Flow Phantom Upsells! To create an account visit https://dashboard.flowphantom.com and start building upsells for free on webflow.io domains or learn more by visiting https://www.flowphantom.com.

Add to Cart Upsell Right Slide Over

A copy and paste-able bottom post purchase slide up to use with Flow Phantom Upsells and Webflow Ecommerce.

This cloneable is ready to use with Flow Phantom Upsells! The upsell will show post purchase. Feel free to use this cloneable as is or customize it further.

Upsells will only work with Flow Phantom Upsells! To create an account visit https://dashboard.flowphantom.com and start building upsells for free on webflow.io domains or learn more by visiting https://www.flowphantom.com.

Post Purchase Upsell Bottom Slide Up

Making a Dealer Locator tool for a website.  the sign up form is a little bulky so i broke it into a multi-step form with each step placed on a different slide in a slide show

dealer-locator

Dealer Locator Sign Up Form

This is a basic interaction using the Slider Trigger to affect elements on the slide as the slide comes and out of view.

IX 2.0 Slider Trigger Example

IX 2 Slider Trigger Example

My personal portfolio in progress. Homepage slick slider with custom cursor and interaction that shows slider nav and active project titles. Ui elements take color dynamically from project.

Discover slide show websites built by the Webflow community

Discover slide show websites built by the Webflow community