ExamplesDocs

Examples

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

Basic

Examples of the most common options.

Centered Slides

Edit code:

Slider in Slider

Edit code:

Variable Slides

Edit code:

Navigation & Controls

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

Arrows and Dots

Edit code:

Scroll Wheel Controls

Edit code:

Media & Content

Examples of how to create sliders for media and content.

Dynamic Content (500 Names, 2 Slides)

Edit code:

Timepicker

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

Datetimepicker

Edit code:

Timepicker with loop

Edit code:

Autoplay

Examples of how the slider can be controlled automatically.

Misc

Examples of miscellaneous things.

Carousel

Edit code:

Mutation Observer

Edit code:

Resize Observer

Edit code:

Adaptive Height

Edit code:

Background Rotation

Edit code:

Draggable Card

Edit code: