React Bits

Animations

  • Crystalized Ball

    A glass ball with a crackling electric rim and glowing dust that swirls with the cursor.

  • Electric Logo

    Turns any logo into a living lightning outline, with arcs that leap off its edges.

  • Dither Veil

    A 1-bit dithered photo the cursor burns through to full colour, knitting back cell by cell.

  • Glow Cursor

    Light that pours from the cursor, drifts softly through the air and cools as it fades.

  • Scroll Expand

    A rounded media frame that grows to full bleed as it scrolls through the viewport.

  • Ripple Distortion

    Pointer-driven water displacement that warps content and leaves a decaying wake.

  • Elastic Mesh

    Turns text or any logo into a puffy inflated shape you can press, poke and stretch like jelly.

  • Swarm Cursor

    Flocking particle swarm that chases the pointer, jostles for space and drifts apart at rest.

  • Halftone Reveal

    A halftone print of an image whose dots swell into the real photo under the cursor.

  • Pixel Swap

    Pixel fragments assemble into a cover, swap the content underneath, then dissolve away.

  • Cursor Grid

    Canvas grid whose cells light up around the cursor with configurable radius, falloff and click pulses.

  • Animated Content

    Wrapper that animates its children in on scroll or mount, from any direction.

  • Fade Content

    Simple directional fade / slide entrance / exit wrapper with threshold-based activation.

  • Electric Border

    Jittery electric energy border with animated arcs, glow and adjustable intensity.

  • Orbit Images

    SVG Path customizable orbiting images effect

  • Pixel Transition

    Retro pixel dissolve that covers a card in solid pixels, swaps the content underneath and clears again.

  • Glare Hover

    A glossy light streak that sweeps across any element in the direction the cursor moves.

  • Antigravity

    3D antigravity particle field that repels from the cursor with smooth motion.

  • Logo Loop

    Continuously looping marquee of brand or tech logos with seamless repeat and hover pause.

  • Target Cursor

    A reticle cursor whose corner brackets snap around targets, matching their shape.

  • Magic Rings

    Interactive magic rings effect with customizable parameters.

  • Laser Flow

    A beam of light that splashes onto your content and pours over its corners.

  • Magnet Lines

    Animated field lines bend toward the cursor.

  • Ghost Cursor

    Semi-transparent ghost cursor that smoothly follows the real cursor with a trailing effect.

  • Gradual Blur

    Progressively un-blurs content based on scroll or trigger creating a cinematic reveal.

  • Click Spark

    Creates particle spark bursts at click position.

  • Magnet

    Elements magnetically ease toward the cursor then settle back with spring physics.

  • Strands

    Glowing ribbon-like strands that ripple and weave across a transparent canvas.

  • Sticker Peel

    Sticker corner lift + peel interaction using 3D transform and shadow depth.

  • Pixel Trail

    Glossy pixels melt into a fluid goo trail behind the cursor, with color shifts and drips.

  • Cubes

    A grid of outlined 3D cubes that turn to face the cursor, spin when swept and ripple on click.

  • Metallic Paint

    Liquid chrome that flows over your logo or text, adapted from Paper's Liquid Metal shader.

  • Noise

    Film grain overlay for photos and pages, from fine 35mm grain to dust, paper and TV static.

  • Shape Blur

    A crisp logo or shape that drifts out of focus under the pointer like a camera lens.

  • Crosshair

    Crosshair cursor with live coordinates that locks onto links and buttons and measures them.

  • Image Trail

    Cursor-based image trail with several built-in variants.

  • Ribbons

    Springy ribbons that trail the cursor, in lens, comet or even shapes with an optional wave.

  • Splash Cursor

    Liquid splash burst at cursor with curling ripples and waves.

  • Meta Balls

    Liquid metaballs that merge, stretch and pinch apart, with a cursor blob that pushes through them.

  • Blob Cursor

    Liquid metal blob cursor that stretches, sloshes and bursts into droplets, in chrome, jelly, pearl or ink.

  • Star Border

    A twinkling star that travels the exact outline of any button, pill or card, trailing light and stardust.