cursors
Hold-to-trigger ring
A hold-to-trigger interaction: holding fills a centered SVG ring with a quadratic easeIn while it shrinks; on completion it shows the green check and "Acción disparada" and re-arms itself, deflating quickly if released early; the demo auto-presses in a loop.
See it live and copy its promptWhat you can adjust
- Hold duration
- Pullback
- Diameter
- Shrink
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.
