Skip to content
Knsept
Free playbook

Images & media

Comparison sliders, carousels and other ways to show off visuals. Try them right here; open one for the full, commented code.

Images & media try it

Before/after slider

Drag to compare two images. Built on a native range input, so mouse, touch and keyboard all work for free.

View code →
Images & media try it

Scroll-snap carousel

A swipeable carousel built on native scrolling and CSS scroll snap, with arrow buttons and dots that track the current slide.

View code →