Dev Design Library

Dot Image Slider

A before/after image reveal, a luminance-mapped halftone dot rendering on one side, the real photo on the other, dragged apart by a glowing lightsaber-style divider handle.

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

Categories

More from ReactFrame