vividsites
Start building
Theme
Start building — free

Compare Slider — cards & layout.

A before/after image comparison whose divider follows the pointer on a spring, glows with its speed and carries a flick a little past your finger. Transform-only reveal, a full ARIA slider, horizontal or vertical, and three handle styles.

by vividsites StudioUICSSJSCut from Hraun
  • DM Mono (Google Fonts)
Use in Create
Installs
1,096
Kind
UI · Cards & layout
Snippet
366lines
Weight
25.5KB
Dependencies
1CDN
Added
30 Sep 2026
vividsites.app/c/compare-slider
Starting the preview…

The component’s own demo at 1280 × 800. Hover, click and scroll inside the frame.

Also from Hraun

More cut from Hraun, the site it came from.

More in Cards & layout

More cards & layout, same paste.

See all