Carousels

Easily create interactive, infinite, swipeable carousels.

Code Bracket Streamline Icon: https://streamlinehq.com

Script

The script for this powerup can be added to your Webflow project using the TooEasy Powerups Webflow App. Once the app is installed simply select the powerup(s) you'd like to use and click the "install script" button.

Cog Streamline Icon: https://streamlinehq.com
Setup

Wrapper

This is the div block that contains my carousel items

Vertical Slider 4 Streamline Icon: https://streamlinehq.com
Options

Autoplay

I want the carousel to move automatically

Speed

I want to adjust the speed the carousel moves

Direction

I want to change the direction the carousel moves

Pause on Hover

I want to pause the carousel when hovered

Alignment

I want to adjust the starting alignment when the page load is loaded

YouTube

Watch Tutorial

Name
te-slider-slides-per-view
Description

Add this attribute if you would like to group slides together.

Name
te-lightbox-button-previous
Description

Add this attribute to the icon you'd like to use as your previous button.

Name
te-lightbox-button-next
Description

Add this attribute to the icon you'd like to use as your next button.

Name
te-lightbox-button-close
Description

Add this attribute to the icon you'd like to use as your close button.

Name
te-lightbox-button-previous
Description

Add this attribute to the icon you'd like to use as your previous button.

Name
te-lightbox-button-next
Description

Add this attribute to the icon you'd like to use as your next button.

Name
te-lightbox-button-close
Description

Add this attribute to the icon you'd like to use as your close button.