# Light Runner Path

> Give any route a pulse. Pass an SVG path and Light Runner draws it as a glowing fibre: a bulb-shaped head that always leads, a tapering tail behind it, and tips at the positions you choose that merge into the stroke (smooth-min, not dots on a line) and flare when the runner passes. One to four runners per lap, either direction, freeze at any progress for stills. Separate colors for the path, the light, the glow and the tips. Works as a connector animation, a progress route, or a loader on a closed loop. Retina-crisp WebGL, transparent background, zero dependencies.

- Author: [Haim Repael Azoulay](https://21st.dev/@1haim)
- License: mit
- Live preview: https://21st.dev/@1haim/components/light-runner-path

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/1haim/light-runner-path?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt