Animation

Gooey blob field

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

Using Gooey blob field

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

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: ballCount, speed, spread, accent, pointerColor, followPointer

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 code, framework versions and installation commands are available in the workbench above.

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.

2127Compass bar gridAnimationA grid of short bars that all rotate to point at the pointer, so the field reads like iron filings finding a magnet.

2135Crackling border frameAnimationA 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.

1771Drag tile trackAnimationA tile you can throw around a bounded track that tilts into the drag, resists past the edges and coasts to a stop with momentum.

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.

1781Iron filings fieldAnimationA square grid of tiny dashes that all rotate to point at the pointer, like iron filings snapping to a magnet dragged over them.