F
Furin
Analog Gaugeanalog-gaugeAn analog gauge whose needle swings and settles on its value, with a printed dial and a red zone.
ASCII Textascii-textText drawn with ASCII characters. A lens around the cursor magnifies, rotates and scrambles them.
AuroraA WebGL background of slowly rippling aurora curtains, in your own colors.
Bento Lightbento-lightA six-cell bento grid with a light that jumps between cells, following the cursor (or on its own), and spills onto its neighbors.
Blur Numberblur-numberA number whose digits roll to the new value with vertical motion blur, one after another.
Border Beamborder-beamA beam of light with a tail, a bright head and a halo that travels around the outline of any content at constant speed.
Card Stackcard-stackA deck of cards you shuffle by dragging the top one: inertia, rotation and a spring back to the bottom. Also works with click and keyboard.
Wind Chimechime-bellA glass furin wind chime that sways with the cursor's breeze and rings when touched. It doubles as a notification bell with a counter.
Chrome Textchrome-textLiquid chrome letters whose reflection follows the cursor.
Click Burstclick-burstFine rays that burst out where you click: they travel outward, detach from their origin and leave a ring and tiny sparks.
Code Raincode-rainColumns of real JSX and TypeScript snippets falling across three depth planes, with a glowing head and syntax highlighting.
Confetti Buttonconfetti-buttonA button that fires physical confetti: paper pieces that spin in 3D, fall with air drag and flutter.
Copy Morphcopy-morphA copy button where the icon outline morphs into a checkmark with a stroke and spring morph. It really copies the text with navigator.clipboard (with a fallback).
CoverflowAlbum covers in perspective with reflections: the center one faces you and the rest fan out. Arrows, drag with inertia, click and keyboard.
CrosshairA precision crosshair: edge-to-edge lines with a center gap, rulers with tick marks along the edges and live monospace coordinates.
Decipher Textdecipher-textText that appears by deciphering itself: random characters settle into place letter by letter.
Dither Wavedither-waveA relief of waves drawn with one-bit Bayer ordered dithering. The cursor leaves expanding rings.
DockA bar of icons that magnify under the cursor, on glass.
Download Buttondownload-buttonA button that narrows into a progress bar, advances at an uneven pace like a real network, and ends in a checkmark. With href, it really downloads the file.
Elastic Sliderelastic-sliderA slider (role slider, full keyboard support) that stretches like rubber when dragged past its limits and snaps back with a bounce; the track squashes to preserve volume.
Electric Borderelectric-borderArcs of electricity that snake around the border, with local discharges, sparks and a flickering glow.
FirefliesFireflies that drift at three depths and blink with a warm glow; they curiously approach the cursor and circle it.
Folder Peekfolder-peekA cardboard folder that opens on hover and lets its documents peek out with a soft bounce.
GalaxyA spiral galaxy of tens of thousands of particles with a glowing core that rotates slowly; the cursor tilts the view.
Glass Blobsglass-blobsBlobs of color floating behind a sheet of frosted glass.
Glass Buttonglass-buttonA liquid-glass button that refracts the background behind it.
Glass Cardglass-cardLiquid glass with refraction, a specular edge and a reflection that follows the cursor.
Glass Segmented Controlglass-segmentedA glass segmented control with a lens that slides between options.
Glint Buttonglint-buttonA dark button with a glint that sweeps across it every so often and on hover, lighting up the fill, the border and the text at once.
Gold Foil Textgold-foil-textGold foil text with relief and a specular glint as you move the cursor.
Goo Cursorgoo-cursorA translucent jelly cursor with a specular highlight: it drags droplets behind it that stretch into a trail and melt back into it when you stop.
Gooey Tabsgooey-tabsAccessible tabs whose selection is a blob of liquid: it stretches toward the new tab, thins at the neck and merges when it arrives.
Grain Meshgrain-meshA mesh gradient that floats and blends, with fine film grain; the cursor pulls on one of the blobs.
GustA headline whose letters get swept away by the cursor's wind like leaves, then spring back into place.
Halftone Fieldhalftone-fieldA print-style halftone with two overprinted inks: the dots grow and shrink with a flowing field and with the cursor.
Hold to Confirmhold-to-confirmPress and hold to confirm: a ring fills, the button shakes more and more, and it vibrates on completion. Works with mouse, touch or keyboard.
Holo Foilholo-foilA holographic background: an iridescent film, a fine diffraction grating and a sheen that shift with the cursor's angle.
Holo CardhologramA card with 3D tilt and an iridescent holographic foil that follows the cursor.
Ink Bloomink-bloomDrops of ink that bloom in dark water with swirls and tendrils, one after another in a cycle. Tap to drop one; move the cursor to stir the water.
Ink Trailink-trailA glossy ink trail that follows the cursor, widens as if bleeding into paper, and frays into strands until it fades away.
Lava Lamplava-lampA lava lamp with glass and warm light: the wax rises, stretches, merges with other blobs and splits apart. Your cursor warms it.
Lens Cursorlens-cursorA glass magnifier that enlarges whatever is underneath it.
Liquid Chromeliquid-chromeA chrome surface that ripples and reflects a luminous environment.
Liquid Fillliquid-fillA glass flask that fills with liquid.
Live Gridlive-gridA grid of dots that part and light up around the cursor, on a spring.
MagnetWrap any element and it gets pulled toward the cursor with spring physics.
Magnetic Lettersmagnetic-lettersEvery letter is pulled toward the cursor by a bouncy spring, tinting and growing as it gets close.
MarqueeA seamless infinite marquee: the cursor slows it down and nudges it with inertia, rows run in opposite directions, and keyboard focus pauses it.
Mask Revealmask-revealStaggered lines that slide up from behind a mask, like a product launch intro.
Masonry Revealmasonry-revealA column masonry grid that appears piece by piece as it scrolls into view, with a soft bounce and a flash; hovering a piece zooms it in and shows its title.
Metal Buttonmetal-buttonA polished metal button with a beveled edge and a reflection that follows the cursor.
Titanium Cardmetal-cardA brushed-titanium card whose reflection shifts as it tilts.
Metal Knobmetal-knobA knurled metal knob you turn by dragging.
Morph Loadermorph-loaderA glossy gradient shape that smoothly morphs between circle, square and triangle, spinning and squashing slightly on each change.
Morph Textmorph-textWords melt into one another with a viscous blur-and-threshold transition and a liquid sheen.
OdometerNumbers that roll digit by digit up to their value, like a mechanical odometer.
Orbit Galleryorbit-galleryCards with generated scenes on a 3D circular carousel: it spins on its own, drags with inertia, and a click brings a card to the front.
Orbit Textorbit-textText on a circle that turns slowly and speeds up, with inertia, when the cursor gets close.
Outline Filloutline-fillOutlined text that fills with liquid through a wave that starts where the cursor enters, and drains when it leaves.
Parallax Cardparallax-cardReal 3D layers (sky, stars, planet, ring, dunes, text and shine) that separate at different depths as the card tilts.
Photo Stackphoto-stackA stack of printed photos that fans out when you hover; a click sends the top one to the back.
Pill Navpill-navAccessible tabs (tablist, arrow keys, Home and End) with a pill that slides on a spring: the leading edge arrives first and stretches the pill as it crosses.
Pixel Assemblepixel-assembleText assembles itself from a cloud of spring-driven particles; the cursor scatters them and they snap back on their own.
Prism Lightprism-lightA real 3D scene in WebGL2: a glass prism (beveled mesh with fresnel and refraction) on a reflective vinyl floor. A light orb follows your cursor and fires a volumetric beam; the spectrum fans out by Snell's law, one ray per color, and lands on the wall and floor with its caustic. The camera parallaxes with the cursor.
Profile Foilprofile-foilA profile card with a holographic foil: it tilts in 3D with the cursor and the iridescence shifts with the angle.
Red Threadred-threadThe red thread of fate: a thread with Verlet physics that follows the cursor, pulls taut against its anchor and swings.
Retro Gridretro-gridA perspective grid that scrolls endlessly toward a horizon with a muted sun; the cursor shifts the horizon and holding down speeds it up.
RGB Glitch Textrgb-glitch-textClean text that occasionally breaks into short bursts: split RGB channels and shifted slices.
Ring Cursorring-cursorA ring that follows the cursor with an elastic lag, stretches with speed and, over anything clickable, morphs into its outline like a soft magnet.
Ripple Buttonripple-buttonA button whose ripple is born exactly where you click: a luminous wavefront with rings that sweeps out to the farthest corner.
Ripple Pondripple-pondA WebGL water surface: the cursor and raindrops leave ripples that cross, catch the light and warp a grid beneath.
Shimmer Sweepshimmer-sweepA satin sheen sweeps across the text like light over aluminum.
Shine Cardshine-cardA satin sheen sweeps across the card as the cursor passes over it.
Silk Flowsilk-flowA silk fabric that ripples slowly, with an anisotropic thread sheen that shifts with the light and follows the cursor.
Slide to Confirmslide-to-confirmA physics-driven handle you drag to the end to confirm; release early and it springs back with a bounce. Accessible as a slider.
Smoke Fieldsmoke-fieldVolumetric smoke with studio lighting that rises endlessly; your cursor parts and swirls it, and the smoke fills the gap back in.
SnowfallSnow in three layers of depth (far, mid and close bokeh) with a wind that blows toward wherever the cursor is.
Spark Trailspark-trailThe cursor sheds sparks with real physics: they inherit its momentum, fall under gravity, bounce on the floor and cool from white to ember.
Split-Flap Boardsplit-flapA board of flaps that flip in 3D, character by character, until the phrase forms, like at a train station.
Spotlight Cardsspotlight-cardsA grid of cards whose borders light up wherever the cursor passes, driven by a single shared light.
Spring Accordionspring-accordionAn accessible accordion (aria-expanded, regions, arrow keys, Home and End) whose regions open on a real spring: the height bounces as it lands and the content comes in from blurry to sharp.
Spring Tooltipspring-tooltipA tooltip (role tooltip) that follows the cursor on a spring and hangs from it like a tag: it tilts with speed and stretches a little as it moves. It also appears on keyboard focus.
StepperSteps with a progress line that fills from one node to the next; the new step lights up as the stroke arrives and the checkmark draws itself on completion.
Sticker Peelsticker-peelA glossy die-cut sticker that peels from the corner following the cursor, with curvature, a paper back and a shadow.
Ticket Tearticket-tearA paper ticket with a perforation: drag the stub and it tears from top to bottom, with a fibrous edge and a shadow that grows as it peels away.
Toast Stacktoast-stackNotifications stacked like cards: they fan out on hover or focus, pause while you read them, close on their own and are announced with aria-live.
Topo Linestopo-linesA living topographic map: contour lines of a slowly deforming terrain, with labeled index contours; the cursor raises a hill.
TypewriterTypes, deletes and retypes phrases with a human rhythm, pauses on punctuation and a blinking cursor.
Typing Indicatortyping-indicatorA "typing…" bubble with three elastically bouncing dots that, in a loop, turns into the reply with a little spring.
Warp Starswarp-starsStars at warp speed with trails and depth; the cursor steers the vanishing point and holding down triggers the jump.
Weight Waveweight-waveThe weight of a variable font ripples with the cursor's proximity, letter by letter.
Word Rollerword-rollerA word rolls vertically between options on a spring-loaded drum, and its pill changes width along with it.