Circuit

A bright segment runs the perimeter as a stroke-dash offset, leaving a short fading tail. On hover it accelerates and the fill lifts a step.

#border #trace #light #loop

buttons / btn-border-trace

Playback

Complexity

Foundational

Interaction

Hover, Autoplay

Stack

SVG, CSS

Related motions

Infinite Grid

Hero · CSS / Framer Motion

A ground-plane grid recedes to a vanishing point and scrolls toward the viewer on a seamless loop, with a light pulse traveling the lines.

Spotlight

Hero · CSS / Framer Motion

A headline sits in near-darkness. The pointer carries a soft light that reveals the type and a fine grid beneath it, with a slow ambient drift when idle.

Magnetic Pull

Buttons · Framer Motion

The button and its label track the cursor within a capture radius on separate spring constants, so the label lags the shell and creates depth.