cursors
Cursor shatter hover
A rich gradient is sliced into a grid of tiles that each keep their exact slice of the background through a per-cell background-position offset. Tiles near the cursor push away radially, rotate and gain shadow and depth; once the cursor leaves, each tile springs back into its slot and the composition locks together seamlessly.
See it live and copy its promptWhat you can adjust
- Columns
- Rows
- Influence radius
- Maximum offset
- Max rotation
- Return stiffness
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.
