Edge Tracer

Runs once per event and fades: a card hovered, a row saved, a field accepted. Not ambient like Border Beam.

Install

Included with Creative: needs your API key. Initialize and log in once.

Terminal

npx @galactrex/ui add edge-tracer

Example

import { EdgeTracer } from "@/components/galactrex/edge-tracer";

<div className="relative rounded-xl border p-6"><EdgeTracer />…</div>

Installs to components/galactrex/edge-tracer.tsx, with the shared motion primitives beside it.

Source for this component comes with its plan. Install it with the command above, or open your licensed copy here.

Prop	Type	Default	Description
`trigger`	`"hover" \| "manual"`	`"hover"`	What runs a lap.
`play`	`number`	—	Change it for a lap, trigger="manual".
`duration`	`number`	`0.9`	Seconds per lap.
`length`	`number`	`0.22`	Head length as a share.
`radius`	`number`	`12`	Match the parent.
`width`	`number`	`1.5`	Stroke width.
`color`	`string`	—	Any CSS colour; defaults to a theme token.
`className`	`string`	—	Extra classes for the outer element.