Examples

Simple and advanced examples of what you can build with keen-slider.

Basic

Examples of the most common options.

Centered Slides

Slider in Slider

Variable Slides

Examples how to build a navigation/controls for a slider.

Arrows and Dots

Scroll Wheel Controls

Media and Content

Examples of how to create sliders for media and content.

Dynamic Content (500 Names, 2 Slides)

Timepicker

Examples of how to create date or time pickers in iOS-style.

Datetimepicker

Timepicker with loop

Autoplay

Examples of how the slider can be controlled automatically.

Misc

Examples of miscellaneous things.

Edit code:

Mutation Observer

Edit code:

Resize Observer

Edit code:

Adaptive Height

Edit code:

Background Rotation

Edit code:

Draggable Card

Edit code: