Animation

Crackling border frame

A rounded frame whose outline is redrawn every frame as a jittering arc of light, with a steady glow beneath and perfectly still content on top.

Live signal

Ledger sync restored

Three nodes reconnected in the last minute.

Using Crackling border frame

A rounded frame whose outline is redrawn every frame as a jittering arc of light, with a steady glow beneath and perfectly still content on top.

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: speed, chaos, radius, thickness, glow, color

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

1674Celebration burstAnimationA canvas burst of paper flakes fired from a button, arcing out in a spread, fluttering edge on as they tumble and settling out of frame under gravity.

1685Drifting border sheenBackgroundsA panel whose outline is lit by a soft two-colour glow, several times the panel's own size, drifting slowly around the frame.

2155Focus LensAnimationAn outlined shape that stays soft and out of focus everywhere except in a small circle that follows the pointer, where it snaps sharp.

2159Gooey blob fieldAnimationA field of soft blobs that orbit seeded paths and melt into each other on approach, with an extra blob that follows the pointer.

2183Liquid chrome emblemAnimationA drawn emblem rendered as poured liquid metal, its highlights crawling and pooling across the shape as the pointer moves.

2211Ring bloomAnimationConcentric light rings are born at the center, swell outward and fade, each one lagging the last, with a burst on click.