sliders
Before/After Comparison Slider
A comparison slider with clip-path driven by pointer events (using setPointerCapture), a 1px divider line, and a glass handle with six small bars.
See it live and copy its promptWhat you can adjust
- Initial position
- Handle width
- Handle height
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
