borders
Offset-Path Edge Beam
A flash that travels around a card's border without conic-gradient: a radial light point moves along an offset-path rect() inside a ring clipped with mask-composite, parametrized via CSS variables per consumer.
See it live and copy its promptWhat you can adjust
- Turn duration
- Beam size
- Ring thickness
- Corner 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.
