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

    A liquid swarm of particles that flows after the cursor, curls into eddies and pours around hovered buttons.

  • Halftone Reveal

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

  • Pixel Swap

    New content builds in pixel by pixel in a springy wave that starts wherever the cursor enters.

  • Cursor Grid

    A crisp grid whose cells light up and fade behind the cursor, with grid styles, tiles and click pulses.

  • Animated Content

    Wrapper that reveals its content on scroll with slides, blur, 3D tilts, soft wipes and staggered children.

  • Fade Content

    Wrapper that fades content in on scroll, plain or out of focus, from washed-out gray, or through grain, mist and pixel blocks.

  • Electric Border

    Wraps any element in crackling strands of current that surge near the cursor and leap off in sparks.

  • 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.

  • 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.

  • Laser Flow

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

  • Ghost Cursor

    A ghost of glowing smoke that floats after the cursor and curls away as it rises.

  • Gradual Blur

    Progressive edge blur for headers, footers, captions and carousels, with an optional fade to color that hides at the ends of a scroll.

  • Click Spark

    Bursts of sparks at every click, as dashes, comets, dots or stars, that can spill around buttons.

  • Magnet

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

  • Strands

    Spectral strands that twist inside a frosted glass orb and swell into a smooth bulge where they come together, like the new Siri.

  • Sticker Peel

    A die-cut sticker you can peel at any edge, drag, throw and swing, in gloss, matte or holographic finishes.

  • 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

    A fluid simulation that trails the cursor in swirling ink and bursts into a splash on click.

  • 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.