Comparison Hover 1 - Hover mode

Pro

Comparison slider that reveals the after image on hover.

Shadcn Comparison Hover 1 component

Component Data

  • ID:comparison/comparison-hover-1
  • Access:pro
  • Created:Jul 30, 2026
  • Type:example

Comparison Hover 1 component design & features

This example sets mode to hover so the divider follows the pointer without requiring a drag gesture.

Hover comparisons work well in marketing galleries where quick scrubbing should feel effortless.