galleries
Three-layer compare slider
Three renditions of the same scene sit clipped by two independent draggable dividers that wander on their own until the first drag, nudging each other apart with a minimum gap instead of crossing, while segment labels abbreviate and declutter to avoid overlapping.
See it live and copy its promptWhat you can adjust
- Initial divider 1
- Initial divider 2
- Minimum gap
- Divider thickness
- Divider color
- Frame radius
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.
