Fieldbook
Sign in

Animation

Connector Pulse Beam

Draws a curved connector between two elements and sends a bright gradient segment travelling along it on a loop.

Using Connector Pulse Beam

Draws a curved connector between two elements and sends a bright gradient segment travelling along it on a loop.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: curvature, accent, duration, pathWidth, reverse

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

Orbiting badges
1791Orbiting badgesAnimationSmall badges spaced evenly around one or two circular tracks, each ring turning at its own speed and direction while the badges stay upright.
Path follower
1792Path followerAnimationA rounded tile that rides along a curling spiral track while the track itself draws in ahead of it, then reverses back to the start.
Path Orbit
2201Path OrbitAnimationCards ride a shared closed path, evenly spaced and endlessly circling, with the path shape switchable between an ellipse, a circle and a star.
Ring bloom
2211Ring bloomAnimationConcentric light rings are born at the center, swell outward and fade, each one lagging the last, with a burst on click.
Blur reveal
1669Blur revealAnimationA wrapper that keeps its child out of focus and slightly offset until it first enters the viewport, then resolves the blur and closes the gap in one move.
Bobble tile grid
1763Bobble tile gridAnimationA grid of colored tiles that bobble away from the pointer on a spring, bouncing harder the faster the pointer swept across them.