@react-bits

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

A field of particles that lifts into a glowing ring around the cursor and bursts outward on click.

A field of particles that lifts into a glowing ring around the cursor and bursts outward on click.

A field of particles that lifts into a glowing ring around the cursor and bursts outward on click.

A field of particles that lifts into a glowing ring around the cursor and bursts outward on click.

SVG Path customizable orbiting images effect

SVG Path customizable orbiting images effect

SVG Path customizable orbiting images effect

SVG Path customizable orbiting images effect

Waving ASCII text that tilts toward the pointer, scrambles on hover and ripples on click.

Waving ASCII text that tilts toward the pointer, scrambles on hover and ripples on click.

Waving ASCII text that tilts toward the pointer, scrambles on hover and ripples on click.

Waving ASCII text that tilts toward the pointer, scrambles on hover and ripples on click.

Text starts blurred then crisply resolves for a soft-focus reveal effect.

Text starts blurred then crisply resolves for a soft-focus reveal effect.

Text starts blurred then crisply resolves for a soft-focus reveal effect.

Text starts blurred then crisply resolves for a soft-focus reveal effect.

Layouts characters around a circle with optional rotation animation.

Layouts characters around a circle with optional rotation animation.

Layouts characters around a circle with optional rotation animation.

Layouts characters around a circle with optional rotation animation.

Animated number counter supporting formatting and decimals.

Animated number counter supporting formatting and decimals.

Animated number counter supporting formatting and decimals.

Animated number counter supporting formatting and decimals.

Flowing looping text path along a customizable curve with drag interaction.

Flowing looping text path along a customizable curve with drag interaction.

Flowing looping text path along a customizable curve with drag interaction.

Flowing looping text path along a customizable curve with drag interaction.

Hacker-style decryption cycling random glyphs until resolving to real text.

Hacker-style decryption cycling random glyphs until resolving to real text.

Hacker-style decryption cycling random glyphs until resolving to real text.

Hacker-style decryption cycling random glyphs until resolving to real text.

Text that breaks apart and tumbles into a pile you can drag, throw and swipe, then flies back into place.

Text that breaks apart and tumbles into a pile you can drag, throw and swipe, then flies back into place.

Text that breaks apart and tumbles into a pile you can drag, throw and swipe, then flies back into place.

Text that breaks apart and tumbles into a pile you can drag, throw and swipe, then flies back into place.

Vibrating fuzzy text with controllable hover intensity.

Vibrating fuzzy text with controllable hover intensity.

Vibrating fuzzy text with controllable hover intensity.

Vibrating fuzzy text with controllable hover intensity.

RGB split and distortion glitch effect with jitter effects.

RGB split and distortion glitch effect with jitter effects.

RGB split and distortion glitch effect with jitter effects.

RGB split and distortion glitch effect with jitter effects.

Living gradients inside your text: a sliding sweep, a drifting mesh or a swinging conic fan.

Living gradients inside your text: a sliding sweep, a drifting mesh or a swinging conic fan.

Living gradients inside your text: a sliding sweep, a drifting mesh or a swinging conic fan.

Living gradients inside your text: a sliding sweep, a drifting mesh or a swinging conic fan.

Cycles through multiple phrases with 3D rotate / flip transitions.

Cycles through multiple phrases with 3D rotate / flip transitions.

Cycles through multiple phrases with 3D rotate / flip transitions.

Cycles through multiple phrases with 3D rotate / flip transitions.

Detects cursor position and applies a distortion effect to text.

Detects cursor position and applies a distortion effect to text.

Detects cursor position and applies a distortion effect to text.

Detects cursor position and applies a distortion effect to text.

Text gently floats / parallax shifts on scroll.

Text gently floats / parallax shifts on scroll.

Text gently floats / parallax shifts on scroll.

Text gently floats / parallax shifts on scroll.

Text gently unblurs and reveals on scroll.

Text gently unblurs and reveals on scroll.

Text gently unblurs and reveals on scroll.

Text gently unblurs and reveals on scroll.

Text marquee animatio - speed and distortion scale with user's scroll velocity.

Text marquee animatio - speed and distortion scale with user's scroll velocity.

Text marquee animatio - speed and distortion scale with user's scroll velocity.

Text marquee animatio - speed and distortion scale with user's scroll velocity.

A sheen of light that sweeps across text, from soft bands to chrome-like reflections.

A sheen of light that sweeps across text, from soft bands to chrome-like reflections.

A sheen of light that sweeps across text, from soft bands to chrome-like reflections.

A sheen of light that sweeps across text, from soft bands to chrome-like reflections.

Splits text into characters / words for staggered entrance animation.

Splits text into characters / words for staggered entrance animation.

Splits text into characters / words for staggered entrance animation.

Splits text into characters / words for staggered entrance animation.

Text or emoji that trails your cursor as stamped copies, a following chain or a ribbon of letters.

Text or emoji that trails your cursor as stamped copies, a following chain or a ribbon of letters.

Text or emoji that trails your cursor as stamped copies, a following chain or a ribbon of letters.

Text or emoji that trails your cursor as stamped copies, a following chain or a ribbon of letters.

Characters scale / warp interactively based on pointer pressure zone.

Characters scale / warp interactively based on pointer pressure zone.

Characters scale / warp interactively based on pointer pressure zone.

Characters scale / warp interactively based on pointer pressure zone.

Typewriter effect with blinking cursor and adjustable typing cadence.

Typewriter effect with blinking cursor and adjustable typing cadence.

Typewriter effect with blinking cursor and adjustable typing cadence.

Typewriter effect with blinking cursor and adjustable typing cadence.

Applies dynamic blur / clarity based over a series of words in order.

Applies dynamic blur / clarity based over a series of words in order.

Applies dynamic blur / clarity based over a series of words in order.

Applies dynamic blur / clarity based over a series of words in order.

Letter styling changes continuously with pointer distance mapping.

Letter styling changes continuously with pointer distance mapping.

Letter styling changes continuously with pointer distance mapping.

Letter styling changes continuously with pointer distance mapping.

Animated text reveal where characters shuffle before settling.

Animated text reveal where characters shuffle before settling.

Animated text reveal where characters shuffle before settling.

Animated text reveal where characters shuffle before settling.

Text assembles from drifting particles that scatter and reform on demand.

Text assembles from drifting particles that scatter and reform on demand.

Text assembles from drifting particles that scatter and reform on demand.

Text assembles from drifting particles that scatter and reform on demand.

Mechanical split-flap departure board that clacks through to each new phrase.

Mechanical split-flap departure board that clacks through to each new phrase.

Mechanical split-flap departure board that clacks through to each new phrase.

Mechanical split-flap departure board that clacks through to each new phrase.

WebGL warp that bends and refracts the text around the pointer.

WebGL warp that bends and refracts the text around the pointer.

WebGL warp that bends and refracts the text around the pointer.

WebGL warp that bends and refracts the text around the pointer.

A wordmark whose letters turn into dashed vector paths under the cursor.

A wordmark whose letters turn into dashed vector paths under the cursor.

A wordmark whose letters turn into dashed vector paths under the cursor.

A wordmark whose letters turn into dashed vector paths under the cursor.

Outlined letterforms draw themselves on, then flood with fill.

Outlined letterforms draw themselves on, then flood with fill.

Outlined letterforms draw themselves on, then flood with fill.

Outlined letterforms draw themselves on, then flood with fill.

Layered extruded type with parallax that shifts against the pointer.

Layered extruded type with parallax that shifts against the pointer.

Layered extruded type with parallax that shifts against the pointer.

Layered extruded type with parallax that shifts against the pointer.

Lines unfold into place like creased paper opening flat.

Lines unfold into place like creased paper opening flat.