borders
Border beam with a registered angle
The beam travels the border by animating the conic gradient's own angle rather than rotating a layer: the angle variable is registered with @property to make it interpolable, and because it inherits, a single animation on the wrapper moves both the crisp thread and its blurred halo.
See it live and copy its promptWhat you can adjust
- Background
- Card color
- Head color
- Trail color
- Turn duration
- Beam width
- Bloom blur
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.
