Configurable customisable extendable smooth bring your own whatever slider (or carousel?) API.
Configure Away.
Through callback functions running with the slider, and an evet API interface.
-
Setup
-
CSS based styling.
Style your slides as you want, size to offsets, fully in CSS.
-
Infinite.
Automatically loop through slides and repeat them, or simply have a start and stop point.
-
Snapping.
Set if slides are self centering or are allowed to be dragged freely.
-
-
Options
-
Drag speed.
Set how powerful the dragging event and the horizontal trackpad gesture moves the slides.
-
Conditional activation.
Decide which screen sizes or any condition that turn the slider on or off.
-
Lerp/Damp speed.
Choose how fast the slider settles and smoothly gets to the target position, consistent through different screens refresh rate.
-
-
Customize
-
Extensible API.
Extend behaviour and functionality as you please as it’s built for that (and has a nice interface for it).
-
Configuration setups.
Pre made slider for most common behaviours, or create your own.
-
Read parameters for state and animation.
Through callback functions running with the slider, and an evet API interface.
CONFIGURE
READ
SPEED 0.000
-
CURRENT 0.000
-
TARGET 0.000
-
PROGRESS 0.000
EVENTS
- [SLIDE] SETTLED #0
- [SLIDER] IN VIEW
- [SLIDER] INITIALISED
Works everywhere.
I think. Kinda tested it around in all major frameworks/plaforms, and made some hooks.
-
Vanilla implementation. -
Framework agnostic. -
Webflow ready.
AKA fix it yourself.
Doesn't work? Feel free to PR. Or just tell me and I swear I'll do my best.