Components

• Tech Text

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

• Text Loop

  A seamless text marquee that flows along curved SVG paths.

• Masked Heading

  A headline with a drifting colour mesh or image showing through, revealed word by word.

• Particle Text

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

• Split Flap Text

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

• Warp Text

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

• Stroke Text

  Outlined letterforms draw themselves on, then flood with fill.

• Depth Text

  Layered extruded type with parallax that shifts against the pointer.

• Fold Text

  Lines unfold into place like creased paper opening flat.

• Echo Text

  Ghosted copies trail behind the text and settle into a single word.

• Split Text

  Splits text into characters / words for staggered entrance animation.

• Blur Text

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

• Circular Text

  Layouts characters around a circle with optional rotation animation.

• Text Type

  Typewriter effect with blinking cursor and adjustable typing cadence.

• Shuffle

  Animated text reveal where characters shuffle before settling.

• Shiny Text

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

• Text Pressure

  Characters scale / warp interactively based on pointer pressure zone.

• Curved Loop

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

• Fuzzy Text

  Vibrating fuzzy text with controllable hover intensity.

• Gradient Text

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

• Falling Text

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

• Text Cursor

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

• Decrypted Text

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

• True Focus

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

• Scroll Float

  Text gently floats / parallax shifts on scroll.

• Scroll Reveal

  Text gently unblurs and reveals on scroll.

• ASCII Text

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

• Scrambled Text

  Detects cursor position and applies a distortion effect to text.

• Rotating Text

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

• Glitch Text

  RGB split and distortion glitch effect with jitter effects.

• Scroll Velocity

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

• Variable Proximity

  Letter styling changes continuously with pointer distance mapping.

• Count Up

  Animated number counter supporting formatting and decimals.

• 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

  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

  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.

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

• 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

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

• 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

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

• 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

  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.

• Holo Card

  Collectible trading card with a real holographic foil and glitter that sparkles as it tilts.

• Circular Carousel

  A 3D ring of images with bendable cards, momentum drag, snapping and click to focus.

• Flex Carousel

  An infinite image row that flows through invisible liquid glass at its edges.

• Infinite Spiral

  An endlessly looping 3D helix of images with adjustable motion, depth and spacing.

• Depth Carousel

  Cards recede into depth on a 3D rail, with drag, keyboard and auto-advance.

• Morph Slider

  WebGL slider that melts between images with a displacement transition.

• Drift Wall

  An endless perspective wall of tiles drifting past, lifting on hover.

• Accordion Gallery

  Panels expand on hover or focus, revealing parallax imagery and captions.

• Specular Button

  Glass button whose edge catches the light, with a highlight that glides toward the cursor.

• Option Wheel

  Curved option picker that spins with scroll, drag or arrow keys, tilting items away.

• Curved Input

  Arc-bent input bar with text, caret and submit button all following the curve.

• Line Sidebar

  Static list navigation with a cursor-proximity effect that shifts and highlights nearby items.

• Animated List

  A scrolling list whose rows spring into view, with a gliding selection and arrow keys.

• Scroll Stack

  Cards pin and stack as you scroll, settling back into a dimmed deck with smooth, jitter-free motion.

• Bubble Menu

  Floating circular expanding menu with staggered item reveal.

• Magic Bento

  A bento grid of feature cards with live artwork, edge light that follows the cursor and a click wave.

• Circular Gallery

  A curved image gallery you can drag, scroll or tab through, with cards that open to the full image.

• Reflective Card

  A metal ID card that reflects your camera or a looping video and catches the light as it tilts.

• Card Nav

  Expandable navigation bar with card panels revealing nested links.

• Stack

  Pile of cards you can drag, flick or click through, with thrown cards tucking underneath.

• Fluid Glass

  Glassmorphism container with animated liquid distortion refraction.

• Pill Nav

  Minimal pill nav with sliding active highlight + smooth easing.

• Tilted Card

  3D perspective tilt card reacting to pointer.

• Masonry

  Responsive masonry layout with animated reflow + gaps optimization.

• Glass Surface

  Apple-style liquid glass that bends what is behind it, in a rounded panel or any logo shape.

• Dome Gallery

  Immersive 3D dome gallery projecting images on a hemispheric surface.

• Chroma Grid

  A grid of grayscale photo cards where a spotlight follows the cursor and brings back color.

• Folder

  Folder that drops its flap open or swings open like a book, with pages you can pick.

• Staggered Menu

  Menu with staggered item animations and smooth transitions on open/close.

• Model Viewer

  A product-style 3D model viewer that frames itself and floats over a soft shadow.

• Lanyard

  Swinging 3D badge on a stretchy woven band that you can drag, throw or click to flip.

• Profile Card

  A framed profile card that tilts toward the cursor, with holographic foil shining through a tiled pattern.

• Dock

  macOS style dock with smooth magnification, launch bounce, badges and context menus.

• Gooey Nav

  A navigation bar whose active pill breaks into goo that flows over to the item you pick.

• Pixel Card

  A card that fills with twinkling pixels on hover, rippling out from the center or the cursor.

• Carousel

  Swipeable cards for feature tours, stories and galleries, with five transitions and an autoplay timer.

• Spotlight Card

  Card lit by a soft spotlight that follows the pointer, catches its edge and reaches nearby cards.

• Border Glow

  Glowing mesh-gradient border that follows cursor direction and intensifies near edges.

• Flying Posters

  3D posters that twist and flip as you scroll or drag through an endless column.

• Card Swap

  A 3D stack of cards that sends the front card to the back on a timer, or when you fling it.

• Glass Icons

  Liquid glass icons that bend the color behind them, for app grids, docks and social links.

• Decay Card

  An image card that tears and melts as the pointer moves, then pulls itself back together.

• Flowing Menu

  Liquid flowing active indicator glides between menu items.

• Elastic Slider

  Slider handle stretches elastically then snaps with spring physics.

• Counter

  Flexible animated counter supporting increments + easing.

• Infinite Menu

  A draggable sphere of image tiles that snaps the nearest one forward and shows its title.

• Stepper

  A multi-step flow with a gliding step indicator, spring transitions and horizontal or vertical layouts.

• Bounce Cards

  A fan of photo cards that bounce in, then spread apart and straighten the one you hover.

• Shredder

  A list with a paper shredder at the bottom that cuts dragged rows into curling strips.

• Paper Crumple

  An image that crumples into a textured 3D sheet while you hold and drag it.

• Tear Ticket

  Ticket whose perforated stub tears off by hand, fibre by fibre, and drops away.

• Flip Card

  Two-faced card that flips in 3D on a click, drag or flick and settles on a spring.

• Branched Menu

  Collapsible menu that branches each section from a trunk and traces a line to your pick.

• Folder Float

  Folder whose notes spring out into a floating cloud when it opens on hover or press.

• Refine Frame

  Media frame that steps an image through generation stages without any layout shift.

• Thought Line

  Reasoning trace header with a live clock that folds its steps into one line when done.

• Voice Pill

  Mic button that swells into a capsule of live equalizer bars and a timer while recording.

• Slosh Gauge

  Tank gauge whose liquid chases the value, tilts as it moves and splashes when it fills.

• Prompt Bar

  Chat composer with @ sources, / commands, a model picker, dictation and attachments.

• Swipe Toast

  Toast that swipes down to dismiss and burns a thin fuse for its remaining time.

• Sling Button

  Send button you pull back like a slingshot and release to fire.

• Bell Toggle

  Pill toggle where a press rings the bell, crossfades the label and unfurls the pill.

• Call Chip

  Tool-call chip whose fill wipes across as a live timer ticks, ending green or shaking red.

• Status Mark

  Agent task status glyph that morphs from an idle ring to a progress arc, then a check.

• Glide Select

  Select chip whose menu pops from its corner and whose highlight glides between rows.

• Swipe Row

  List row that swipes open to reveal actions and deletes on a full swipe.

• Jelly Radio

  Radio group of chips where the chosen one swells and barges its neighbours outward.

• Comet Dial

  Tick-ring dial you flick by angle, with a comet that streaks behind the lit head.

• Wake Slider

  Thumbless range slider of thin bars where drag speed raises a wake behind the handle.

• Code Slots

  One-time code input whose digits spring into their slots, with paste and SMS autofill.

• Dodge Field

  Wrapper that makes any child dodge the pointer until it relents and glides home.

• Lattice Loader

  Agent status row with a lattice of cells that brighten in a wave beside a live stopwatch.

• Scrub Field

  Number chip you drag to scrub, with rubber-band limits and click to type.

• Fuse Button

  Action button whose done state carries an undo on a burning fuse.

• Warm Tooltip

  Tooltip group where the first label waits, then its siblings open instantly while warm.

• Slide Commit

  Slide-to-confirm handle that spins while your action runs and unfurls into a done pill.

• Rubber Segment

  Segmented control whose rubber thumb stretches across the gap and squashes into place.

• Pulse Heart

  Like button that contracts to a dot, flips colour and pulses back as the count ticks over.

• Spring Check

  Checkbox row where one spring fills the box, draws the tick and strikes through the label.

• Peek Rating

  Star rating that lifts a wave of stars up to the pointer, then commits with a pop on click.

• Hold Button

  Hold-to-confirm button whose liquid fill rises while pressed and snaps back if you let go.

• Squish Switch

  Switch whose thumb stretches with speed and squashes against the end when you flick it.

• Flux Lines

  Glowing flux lines tracing a churning magnetic fluid. The cursor magnet reveals and curls them.

• Pattern Waves

  A lit halftone surface of dots, lines or glyphs that moves like draped silk.

• Micro Slats

  A wall of tiny slats that becomes a rolling sea in perspective, with glinting crests.

• Shape Waves

  A field of triangles, circles and squares that brighten and grow along rolling waves.

• Aero Shards

  A GPU-driven wind sculpture of folded foil shards that responds to the pointer.

• Ghost Fibers

  A deep-blue recursive fiber field with luminous bands, radial twisting and soft atmospheric glow.

• CRT Warp

  Full-canvas CRT plasma with curved distortion, scanlines, bloom and pointer interaction.

• Molten Metal

  Swirling caustic plasma filaments with molten, white-hot cores.

• Gradient Waves

  Raymarched sine waves rolling toward a soft, hazy horizon.

• Web Threads

  Glowing sine threads woven through a luminous convergence point.

• Topography

  A living contour map with glowing, elevation-tinted lines.

• Light Tunnel

  A swirling fibre-optic tunnel where comets of light race into depth, steered by the cursor.

• Sliced Waves

  Waves of colored light sliced into glowing bars, seen in depth with a focus that follows the cursor.

• Acid Squares

  A crystalline corridor of stacked squares with rings of light travelling toward you.

• Scanner

  Calm interference bands sweeping across the screen like an oscilloscope.

• Ferrofluid

  A glossy sea of magnetic fluid where swells of spikes roll in and the cursor raises a crown.

• Lightfall

  Streaks of light falling down a curved tunnel, bending around the cursor and stretching into warp trails on hold.

• Liquid Ether

  A glowing liquid that swirls under the cursor, colored by how fast it flows.

• Prism

  Rotating prism of glowing spectral light with configurable shape, colors and motion.

• Dark Veil

  A silky veil of light that drifts in the dark and bends around the cursor.

• Light Pillar

  A swirling pillar of light that ignites on load, leans toward the cursor and surges on click.

• Silk

  Flowing satin folds with glossy highlights that turn toward the cursor and ripple on click.

• Floating Lines

  Ribbons of fine glowing lines that drift in waves, part around the cursor and curl when clicked.

• Side Rays

  Animated light rays emanating from the side with customizable colors and speed.

• Light Rays

  Volumetric light rays/beams with customizable direction.

• Pixel Blast

  Exploding pixel particle bursts with optional liquid postprocessing.

• Color Bends

  Vibrant color bends with smooth flowing animation.

• Line Waves

  Animated line wave pattern with colorful warped distortion.

• Radar

  A radar scope whose sweep leaves a phosphor afterglow and picks up moving contacts.

• Soft Aurora

  Soft aurora borealis shader with 3D Perlin noise and cosine gradient palettes.

• Magic Rings

  Glowing rings that pulse outward in a wave, swell toward the cursor and flare on click.

• Aurora

  A soft, calm aurora that flows across the top of the page and drifts toward the cursor.

• Plasma

  Folds of satin light twisting slowly through the dark, turning to follow the cursor.

• Plasma Wave

  Two ribbons of plasma curling through each other, with soft glow and white-hot cores.

• Particles

  A drifting 3D field of particles with glow, twinkle, constellation lines and cursor interaction.

• Gradient Blinds

  Satin gradient blinds lit by a spotlight that follows the cursor, swaying and turning toward the light.

• Grainient

  Flowing grainy gradients you can stir with the cursor.

• Grid Scan

  A 3D grid room swept by a scanning light that follows your view.

• Beams

  Glossy ribbons that ripple in the dark and catch the light, which follows your cursor.

• Pixel Snow

  Pixel-art snowflakes drifting down in layers of depth, brushed aside by the cursor.

• Lightning

  Crackling, branching lightning that bends toward the cursor and strikes wherever you click.

• Prismatic Burst

  A burst of prismatic light rays that leans toward the cursor and sends a wave of light outward on click.

• Galaxy

  Endless flight through a twinkling starfield with warp jumps, cursor repulsion and star palettes.

• Dither

  Retro dithered waves with Bayer, halftone, line and noise patterns, palettes and cursor trails.

• Faulty Terminal

  A flickering CRT terminal of glowing glyphs, with phosphor trails under the cursor and glitches on click.

• Ripple Grid

  A crisp grid that ripples like water, bending and lighting up as waves pass through it.

• Dot Field

  Interactive dot grid with cursor bulge, glow, sparkle, and wave effects.

• Dot Grid

  A springy dot grid that the cursor flicks and drags through like jelly, with click shockwaves.

• Threads

  Flowing threads that fray apart and part around the cursor, from fine silk to contour lines.

• Hyperspeed

  Night highway of glowing light trails on a winding road that warps into hyperspace while you hold.

• Iridescence

  Liquid iridescent surface with shifting folds that you can stir with the cursor.

• Waves

  Dense flowing lines that sway like silk, bend around the cursor and spring back into place.

• Magnet Lines

  A field of magnetic lines that swing toward the cursor, ripple outward and spin with every click.

• Grid Distortion

  Image background that breaks into a grid of blocks under the cursor and settles back into place.

• Ballpit

  Physics ball pit simulation with bouncing colorful spheres.

• Orb

  A glowing ring of swirling color that breathes, trails an orbiting light and reaches toward the cursor.

• Letter Glitch

  A calm field of letters that flicker, scramble and glitch in color, stirred by the cursor and torn by clicks.

• Grid Motion

  A tilted wall of drifting tiles that slides with the pointer and lights up where it rests.

• Shape Grid

  A drifting grid of shapes that lights up under the cursor, with perspective tilt and rainbow trails.

• Liquid Chrome

  Soft ribbons of liquid chrome that swirl through a dark pool, ripple under the cursor and catch the light as it moves.

• Balatro

  The balatro shader, fully customizalbe and interactive.