Sliders
Create feature-rich, flexible sliders. Group or ungroup slides, infinite looping, auto populate CMS slides, slide numbering, scrollbars, slide and fade transitions.
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.
Slider Wrap
I want this Div Block to wrap all my slider elements
Track
I want this div block to contain my slides
Loop
I want the slideshow to loop forever
Next / Previous
When this button is clicked I want to change slides
Pagination
I want this div block to indicate how many slides there are in total
Scrollbar
I want this div block to contain the sliders scrollbar
Counter
I want this Text Block to display the current and total numberof slides
Breakpoints
I want to activate or deactivate the slider at a particular breakpoint
Speed
I want adjust the transition speed between slides
Direction
I want adjust the direction the slides move
Transition Type
I want change the way the slides transition
Free Scroll
I want to adjust the behaviour of when the slider is swiped / dragged
Alignment
I want to change the alignment of the cells inside the slider
Pause on Hover
I want to pause the slide transition when hovered
Autoplay
I want the slides to automatically switch on page load.
Slides Per View
I want to group slides together to act as a single slide
Slide Active State
I want to change the style of an element when a particular slide is active.
Watch Tutorial
Add this attribute to the div wrapper that contains all clock items.
An empty value will display the current visitor's local time (Based on IP).
To display a time from a specific timezone you can add a timezone identifier value. You can find a full list of values in TZ identifier column here.
Add this attribute to the text block that you'd like the current time to appear.
An empty value will display default formatting.
Add different values to change the formatting of the time. A full list of compatible values can be found in our cloneable.
Add this attribute to show a locations current date.
An empty value will display default formatting.
Add different values to change the formatting of the date. A full list of compatible values can be found in our cloneable.