Effects

A card lit by your pointer — a soft pool of light inside and a brighter rim where the light catches the border.

3D tilt with a specular glare and real depth — wrap children in <TiltLayer depth> to float them toward you.

Pulls any element toward the pointer when it comes near, then springs back. Mark an inner node with data-magnetic-inner for parallax.

Linear-style grid: one pointer lights the borders of every nearby card, so the light appears to slide across the gaps.

A magnifying glass over any React content — images, text, charts. The copy is scaled around the pointer and clipped to a circle.

An editorial index — hover a row and its image floats beside the cursor, leaning into your movement.

Move across the area and a trail of images unfurls behind the pointer. Pooled DOM nodes and the Web Animations API — no re-renders.

A pointer-driven parallax scene. Stack <ParallaxLayer depth> children — positive moves with you, negative against.

Glass that refracts what’s behind it: backdrop blur + an SVG displacement map, rim lighting and a pointer-tracked specular. Frosted fallback outside Chromium.

A light that races around its parent’s border, inheriting the radius. Stack several with delays for orbiting comets.

A container with a rotating multi-colour border and an optional blurred halo.

A premium CTA: a spark orbits the border while a highlight sweeps across the face.

Seamless infinite scroller — horizontal or vertical, reversible, pause on hover, faded edges. Pure CSS.

Scroll-into-view entrances — fade, blur, scale, flip, slide — with optional per-child stagger.

macOS dock magnification with transforms only — icons scale and neighbours shift to make room, the glass shelf widens with them.

Notification-feed choreography: items drop in from the top with a springy settle while older ones recede.

A `confetti()` function with physics, flutter and three shapes, plus a <ConfettiButton>. One shared canvas, removed when the last piece lands.

A reading-progress bar for the page or any scroll container, animated with scaleX only.

Material-style ink from the exact press point; grows while held, fades on release.

Dot + lagging ring that swells over links, morphs into a label with data-cursor-text, and squishes on press. Scoped or page-wide; off on touch.

Every click throws a ring of sparks in currentColor — a tiny, satisfying acknowledgement.