Dev Design Library

Compare Slider

A theme-aware before/after image comparison slider with horizontal or vertical drag direction, keyboard support, and before/after labels.

Compare Slider preview
Library
ReactFrame
Framework
React
Type
component
License
MIT
Dependencies
clsx, tailwind-merge
Install
npx shadcn@latest add https://reactframe.com/r/compare-slider.json
Files
  • registry/new-york/compare-slider/compare-slider.tsx
Source
https://github.com/AhmetLoca/reactframe-public

Categories

More from ReactFrame