shine-border

A light that travels around an element's border. Part of motion-anything; obeys MOTION-SPEC.md. Technique popularized by Magic UI, reimplemented dependency-free (pure CSS).

When to use it

• A single hero card / CTA / "recommended" tier you want to feel alive as it sits on screen.

When NOT to use it (restraint)

• Multiple elements at once — competing lights become noise. One per view.
• Calm / serious content, or anything already animating strongly nearby.