Slice

Before/after comparison slider with 14 clip styles and two drag orientations. Zero dependencies — drop two files and go.

StraightDefault perpendicular cut
DiagonalAngled "/" lean
ArrowChevron pointing right
NotchChevron pointing left
BoltZ-bolt, three segments
SawSaw-blade zigzag
SquareRectangular wave teeth
StepsStaircase descent
ArcSingle smooth bow
DentConcave bow
ScallopHalf-sine scallop arcs
WaveSmooth sine wave
RippleSine with amplitude envelope
PuzzleReal jigsaw edge

What's included

  • 14 shaped clip styles
  • Horizontal & vertical drag
  • Per-clip CSS loading
  • Works with any HTML content
  • Keyboard & touch support
  • Wiggle coaching hint
  • Customizable via CSS variables
  • Before/after labels
  • Zero dependencies
Live Demo Buy Direct — $15

One-time payment · Instant download · Commercial license