@glint-ui

Stacked disclosure sections with smooth auto-height animation, a springy chevron and full arrow/Home/End keyboard support.

Translucent, drifting echoes of the cursor trail behind the pointer like afterimages.

A headline trailed by fading echo copies that lag behind it, drifting on a loop or chasing the pointer.

Confirmation modal on the native <dialog> with a springy scale-in, focus starting on Cancel, async confirm with spinner and destructive styling.

On hover a slanted fill sweeps across while the label slides out and an arrow slides in.

Tab bar with a springy shared-layout indicator and panels that slide and blur in the direction of travel.

A stack of tilted photo cards that shuffles to the active person while their quote blurs in word by word.

Pill-shaped news link with a highlighted tag, a periodic shine sweep and a chevron that extends into an arrow on hover.

Wraps any element in crackling, glowing arcs of electricity that crawl around its edge.

An endless marquee flowing along a curved path. Grab it to scrub, and flick to send it the other way.

A sectioned nav whose active marker arcs between rows, shoves the label aside on landing and crossfades into each section's ink. Works as a static rail or a dr…

Text rasterized into shimmering ASCII glyphs on a canvas, rippling in a slow wave and bulging under the pointer like a lens.

AI prompt input that grows with your text, holds springy attachment chips, and morphs its send arrow into a stop button ringed by a spinner while generating.

Box locked to a width/height ratio, with a shimmer placeholder that dissolves into the image once it loads.

A dot matrix lit by drifting aurora ribbons; each dot takes its color from the moving light field and glows near the cursor. WebGL.

Profile picture that fades in once loaded, falls back to colorful initials, and shows an optional presence dot.

Overlapping avatar stack that fans apart on hover, with name tooltips and a +N overflow chip.

Two layered ribbons of flowing SVG curves with light running along their strokes. Pure SVG + CSS.

Compact status label in six variants with an optional live dot, pulse ring and a glinting shine sweep.

An ID badge hanging from a woven strap with verlet rope physics. Grab it, fling it and watch it swing back.

A row of glowing equalizer bars whose heights roll across the screen as a layered wave. Canvas 2D.

Flowing waves rendered with 8x8 ordered Bayer dithering in two colors; the cursor sends ripples through them. WebGL.

Glossy colored balls tumble in with gravity, collide and pile up; sweep the cursor through to shove them around. Canvas 2D.

A segmented tray where the active item pulls out on a liquid metaball thread and drops a bead when it snaps.

A glowing laser beam pours down into a misty splash, with volumetric haze, flicker and drifting motes. Raw WebGL.

A slowly rotating glass prism splitting a white beam into a shimmering rainbow fan. Aim the beam with the cursor. WebGL.

Thin light beams rise along the vertical lines of a softly masked grid, trailing a glowing tail. Canvas 2D.

An endless ribbon of images bent along an arc that you scroll, drag or arrow through, easing to a snap.

Responsive bento layout of feature tiles with hover lifts, playful icons and a cursor spotlight that glows across tile borders.

Chunky pixel-art snowflakes drifting down in parallax layers, swaying in the wind. WebGL.

A flowing 1-bit ordered-dither veil that dissolves around the cursor to reveal what is underneath.

A media card that grows from an inset, rounded frame to full-bleed as you scroll, splitting its headline apart.

Warm light slanting in from one side through window blinds, with dust motes glinting in the beams. WebGL.

Glossy liquid blobs that drift, merge and split, with one that follows your cursor. Raw WebGL.

On hover or focus, an image dissolves into a second one through a wave of pixel blocks spreading from the pointer.

Rows of small circles, squares and triangles bobbing and turning in rolling waves; they swell near the cursor. WebGL.

A night storm where procedural, forking lightning bolts strike at random spots and light up the clouds. Canvas 2D.

One word at a time snaps into focus inside gliding corner brackets while the rest of the sentence blurs.

Animated masonry image grid: tiles fly in with a staggered blur-to-focus, glide to new slots on resize and zoom on hover.

Hold to light a spark that burns along the border; if it makes it all the way round, it bursts. Works with Space and Enter.

shadcn-style button with six variants, a tactile press, icon slots and a loading spinner that slides the label aside.

Dependency-free date picker grid with single or range selection, springy month slides, range preview on hover and full keyboard navigation.

Composable card surface (header, title, description, content, footer) with an optional hover lift and a rotating gradient border.

A 3D card that springs over to reveal its back on hover or click, with Enter/Space to toggle.

Items drop in one at a time, like a live notification feed.

A glowing horizontal band of plasma wrapped in flickering electric filaments; it bends toward the cursor. WebGL.

Native checkbox restyled with a hand-drawn tick animation, indeterminate dash, label and description.

A checklist card whose ticks draw in, labels strike through, finished items glide to the bottom and a progress ring fills toward a celebratory check.

Liquid chrome flows inside a beveled star, heart, ring or glyph, with reflections that lean toward the cursor. Raw WebGL.

Scrambled glyphs resolve into the real text, on view or on hover.

An elegant analog clock with a smooth sweeping (or bouncy ticking) second hand, minute ticks, a digital readout and any IANA time zone.

A wireframe mesh that stretches around the cursor like cloth and springs back; click to send a shockwave.

A spider web of silk threads swaying in a breeze; the cursor stretches them and they ripple as they spring back.

Code display with a filename tab, line numbers, highlighted lines that sweep in, lightweight built-in token coloring and a copy button that springs into a chec…

Show-more region whose height, opacity and blur ease open smoothly, controlled or uncontrolled.

A tilted wall of image columns drifting up and down at different speeds, pausing on hover.

Evenly spaced column lines with colored light pulses falling down them at random. Canvas 2D.

Animated topographic contour lines over slowly shifting terrain, with a hill that rises under the cursor. WebGL.

Deep-space nebula clouds with parallax star layers, twinkling flares and the odd shooting star. WebGL.

Lines or letters swing open like creased paper in 3D, with a soft shadow lifting as each piece unfolds.

A glowing gradient seen through an old CRT: barrel curvature, scanlines, RGB mask, flicker and a rolling bar. WebGL.

Deleting a note scrunches it into a paper ball that arcs into a bin, whose lid flips open and wobbles shut. Undo tosses it back out and smooths it flat.

Pulses of glowing current race along any SVG outline, flickering and arcing as they go.

A soft glow follows the cursor and springs into a pill that wraps whatever link or card you hover.

A skewed 3D stack of cards that cycles on its own: the front card drops away and springs back in behind the others.

Frames a word with corner brackets, a dashed selection box and twinkling sparkles that draw in on view or hover.

An airport departures board: every tile flips through the drum until it lands on the next word.

Modal built on the native <dialog>: blurred backdrop, spring scale-in and fade-out, Escape to close and focus returned to the trigger.

A perspective field of glowing dots rolling toward you in terrain-like waves; the camera leans with the cursor. WebGL.

A perspective field of dots rolling in layered sine waves, fading into the horizon. Canvas 2D.

An avatar you can drag and fling around its container; it springs to the nearest corner with the throw's momentum.

Bottom sheet on the native <dialog> that springs up, drags with a rubber-band feel, snaps to heights, and flicks down to dismiss while the backdrop fades with …

A card whose photo, text and chips drift at different parallax depths as the pointer moves, with a soft tilt and glare.

Range slider whose thumb stretches with drag speed and drips a gooey value bubble while you slide.

A text field whose words and underline droop along an arc while idle, then spring flat the moment you focus it.

A compact navbar that springs open downward into a row of colorful link cards.

Menu button on the native Popover API with a highlight that glides between items, shortcuts, checkbox and radio items, submenus, typeahead and full keyboard su…

A segmented control whose highlight stretches like a drop of liquid as it glides to the new option, then snaps tight. Arrow keys move it.

iOS-style picker wheel: rows curve around a 3D cylinder, snap into place and respond to wheel, drag, touch and arrow keys.

Two streams of sparks rush in from opposite edges and burst against each other in a glowing core. Canvas 2D.

Hours, minutes and a save button fused into one bar that pulls apart on a liquid thread while you edit.

A squircle pill that eases into a slab when tapped, swaps its content on the way, and glows red on alert.

A progressive edge blur built from stacked, masked backdrop-filter layers. Drop it over any scrolling area.

Text wrapped in a crackling electric outline, driven by animated SVG turbulence displacement.

Photos circle a tilted ellipse in pseudo-3D, scaling and dimming with depth, and glide to a stop on hover.

A grid of cells that light up under the cursor and cool into a fading color trail.

Grid pixels ignite along the cursor path, burn white-hot and shrink away as they fade.

Slides, scales and fades its children into place when they scroll into view.

A list of cards where the one you pick morphs into a detail view with a shared-layout spring, closing on Escape or backdrop click.

A compact pill of actions that springs open into a panel (search, quick actions, inbox, player), morphing its size and corners between states.

Chunky extruded 3D lettering built from stacked layers that tilts toward the pointer and sways gently when idle.

A little face built from simple shapes that watches your cursor, lifts its brows and grins as you get close. Click to boop.

Outlined letters that lift and fill with a sweeping gradient, one after another, on hover.

Feature list with an expanding description and a filling progress bar that auto-advances, crossfading a matching visual on the side.

A folder whose flap tips open on hover or focus so its files float up and fan out, then settle back in; click pins it open.

A folder that springs open on hover or click, fanning out the paper cards tucked inside.

A field of short lines that swing to point at the cursor like iron filings, glowing and stretching as it nears.

An animated film-grain overlay. Pre-baked canvas frames, so it costs almost nothing to run.

A pill navbar whose toggle bursts into a cloud of springy bubble links that pop in one after another.

A card with a comet of gradient light sweeping its border that brightens, blooms into a glow and flashes across the surface on hover.

Icon navbar whose items spring open to reveal a tinted label on hover or focus while their neighbours flex aside.

Slide-to-confirm track: the knob stretches as you fling it, commits past the threshold with a popping check, and springs home with a wobble if you let go early.

Stacked toasts that fan out on hover, pause their progress timers while you read, and fling away when swiped sideways.

Split-flap tiles that flip through their items like a flip clock, the top half falling over a hinge; stagger several to make a flipping stream.

A pile of cards where clicking tosses the top card up, flips it end over end and drops it behind the pile as the rest step forward.

A flock of boids that separates, aligns and swirls around the cursor, leaving luminous trails.

Pill navigation whose items flood with a rising circle of color on hover, with a sliding active dot and a compact menu on narrow containers.

A soft, glowing outline that snaps into razor focus wherever the cursor comes near. WebGL signed distance fields.

Fades and un-blurs its children as they scroll into view, like a lens pulling focus.

A looping carousel where cards recede into 3D depth and blur the further they sit from center. Drag, click, arrows or keys.

A glossy band of light sweeps across the card on hover or focus, like light catching foil.

File explorer tree with springy expand/collapse, a highlight that glides to the selected row, file-type icons and full keyboard navigation.

A pill label that trails the cursor across a card on a spring, leans into motion and squishes on click.

A crackling procedural lightning bolt with forking branches, strobing strikes and storm clouds lit from within. WebGL.

Icon tiles with a colored backplate behind a frosted glass front that lifts and tilts toward the pointer on hover.

A contribution calendar on a squircle card whose busiest repos stack as avatars and expand into a drawer over the grid.

Frosted glassmorphism card with a refractive edge light, film grain and a pointer-follow sheen.

Translucent glass shards drift in layers over soft glowing color, bending the light with refraction, dispersion and slow cursor parallax. WebGL.

A retro robot with a lit CSS-3D visor head that turns toward your cursor, spinning reel eyes and jointed arms. It blinks, smiles when booped, blushes when pett…

A rotating dotted globe drawn on canvas, with pulsing city markers, great-circle arcs carrying travelling light, drag-to-spin inertia and a soft atmosphere.

Menu items wrapped around a sphere you drag to spin; it settles on the disc facing you and reveals its title.

A rotating wireframe globe of latitude and longitude lines with depth-faded hidden lines and a glowing scan that sweeps pole to pole or across the face. Drag t…

A glossy glass pill with a specular hotspot and rim light that glide after the pointer.

A comet of light orbits the element's border.

Luminous, colorful ether that flows on its own and swirls into eddies wherever the cursor moves. WebGL.

A glowing iridescent orb whose film of color slides around its rim; it wobbles and brightens when hovered. WebGL.

Letters near the cursor dissolve into flickering glyphs and settle back into the original text, strongest right under the pointer.

A trail of glyphs or emoji that spills from the pointer inside its container, spinning and fading as it drifts.

A full grid of monospace glyphs that keep swapping characters and colors, framed by a soft vignette. Canvas 2D.

Soft god rays streaming from an edge or corner, swaying gently and leaning toward the cursor. WebGL.

A trail of gooey blobs that stretch, merge and split as they chase the pointer.

A radio group with one gooey dot that stretches as it slides to the new option, splats on landing and jiggles back into shape.

A slowly morphing mesh gradient of four colors under a layer of moving film grain.

Drops any elements into a real physics box where they tumble, stack, and can be grabbed and thrown.

A fine grid where random cells softly light up and fade out, framed by a radial fade. Canvas 2D.

Row of photo panels where the active one flex-grows open while the rest shrink, auto-advancing with a progress bar.

Full-bleed crosshair lines with live coordinates that tear and glitch when you hover a link.

A soft colored glow trails the cursor inside its container and swells over interactive children.

Concentric glowing rings spin at their own pace, breathe, and bend toward the cursor.

Soft volumetric light beams slanting across a dark scene, drifting and breathing through noisy haze. WebGL.

Type that ripples like heat haze through an SVG turbulence filter on hover, with an optional RGB fringe, then eases back to crisp.

Cards wound around an endless 3D helix that keeps turning, and spins faster when you scroll or drag.

Destructive action guard: press and hold until the bar fills. Works with Space and Enter.

Holographic profile card that tilts toward the pointer while rainbow foil, glitter and glare slide across it, with a glass contact bar.

Rich preview card that blooms out of a link on hover or focus, with open/close delays, an arrow, smart flipping and a top-layer render.

macOS-style toolbar where icons magnify as the cursor passes.

HUD-style lettering that flickers on inside bracket frames, with a scan line, live readouts and a blinking caret.

Smooth ribbons of color that bend, fold and drift; the cursor gently warps them like a lens. WebGL.

An inline link whose underline draws in from the left and exits to the right, with a springy arrow nudge and a hover or focus preview card for the destination.

A bounded moodboard-style canvas on a dotted grid: drag to pan with inertia, scroll or pinch to zoom around the pointer, keyboard friendly.

Real-time fluid ink that swirls off the cursor in shifting colors. A compact WebGL2 stable-fluids solver, scoped to its container.

Text input with icon slots, three sizes, a focus line that sweeps out from the center and an error state that shakes and slides in its message.

One-time-code field: slots that pop each digit in, a blinking caret, paste and SMS autofill, a wave on completion and a shake on error.

A text field with a floating label, a focus ring that blooms out of the border, a spring-in clear button, a character-count ring and a shake on error.

A realistic, pure-CSS titanium phone frame with dynamic island, side buttons, status bar and a moving glass glare that tilts toward the pointer. Renders any ch…

A tiny isometric lattice of cubes or dots that pulses in a diagonal wave while the whole grid sways in 3D. Pure CSS.

Keyboard keys drawn as 3D keycaps that physically sink when the matching key is pressed, plus a group for shortcuts.

A realistic compact keyboard whose keycaps sink and glow with backlight when you press the matching physical keys or click them, with a live typing strip and c…

Rows of testimonial cards drifting in opposite directions, pausing on hover with soft edge fades.

Form label with a required asterisk, optional tag and hint text that lights up while its control has focus.

Hero section lit by a glowing light tube whose cone swings open and the heading rises into the light when it scrolls into view.

Smooth, glossy plasma flowing through a three-color palette; the cursor twists it into a whirlpool. WebGL.

Translucent design layers stacked in isometric view that fan apart on hover, with a layers panel to spotlight each one.

Stacked gradient waves rolling at different speeds, each casting a soft shadow on the layer behind.

A 3D keycap of stacked offset layers that spread on hover and compress on press.

Colored copies hide behind each letter and fan out in a springy cascade on hover, then stack back.

A card that leans and drifts toward the pointer while its shadow slides away and the content counter-leans for depth.

A tooltip that springs out of its trigger with a soft bounce, then drifts and leans after the pointer on a warm glow. Opens on focus, closes on Escape.

A liquid glass lens that trails the cursor, magnifying and refracting the content beneath it with chromatic edges.

Reveals text character by character or word by word when it scrolls into view.

Like button whose heart squashes, pops and bursts into particles while the count rolls up digit by digit.

Lines of text roll endlessly through a soft-masked window, the active line sharp and its neighbours blurred.

Bento grid whose cards light up with a cursor-following border glow, tilt gently and fill with drifting particles on hover.

Five small, clean loaders in one component: a stretching arc spinner, squashy hopping dots, equalizer bars, a heartbeat pulse and bunching orbit dots.

A spinning reticle cursor whose corner brackets snap around any element you mark as a target.

A polished sign-in card with social buttons, password reveal, remember me, animated inline validation, a shake on error and a loading-to-success flow.

A row of logos that steps through one at a time, with a spring focus ring sliding between them and a caption per logo.

Glowing currents drift like bioluminescent tides, with light pulses traveling along them and specks of plankton. WebGL.

Polished metal lettering with a bevel and a specular glint that sweeps across, or follows your pointer.

Slowly drifting plates of dark crust split by white-hot, pulsing cracks of molten metal. WebGL.

Infinite logo loop that eases to a stop on hover, grows the logo under the cursor and fades its edges. Works with any content.

A big heading wiped into view by a feathered mask sweep, with a gradient or photo flowing through the letters.

A liquid metaball orb for voice or AI status: it breathes when idle, ripples when listening and churns off droplets when thinking.

Music player card with cover art, a scrubbable progress bar, a morphing play/pause icon and a live equalizer.

An image card that leans toward the cursor and melts into noisy SVG displacement the faster you move.

A voice-note recorder pill that springs open into live waveform bars and a timer, then collapses the take into a playable, sendable waveform. Input is simulate…

Icons circling a center on concentric rings while glowing meteor streaks race along each orbit.

Shooting stars streak across the container. Pure CSS, SSR-safe.

A slowly folding mirror-like chrome surface that ripples wherever the cursor moves or clicks. WebGL.

Three.js studio viewer for a procedural model: physical clearcoat material, soft shadows, drag to orbit, auto-rotate and clamped zoom.

A gradient comet arc orbits with a glowing head while the ring breathes between circle and squircle, around a counter-spinning inner arc and a morphing core.

A grid of profile cards drained to grayscale, with a soft spotlight of full color that trails the cursor.

A squircle card on a drifting sunrise mesh that greets you by name, rolls a live clock digit by digit and rotates motivational lines.

Cycles through words that melt into one another through a gooey blur-and-threshold crossfade.

A pill that morphs into a spinning circle while loading, then pops a drawn check on success.

A card that dissolves into a random pixel grid on hover and reassembles as its second face.

A drifting constellation that links nearby points and flees the cursor.

A card grid that springs in with a stagger and, when filtered by tag, shrinks leaving cards away while the rest glide into their new cells.

A grid of tiles that shrink, spin and flash in rolling waves radiating from whichever tile you click.

Site navbar with a hover pill that glides between links and a single dropdown that morphs its size and position between menus.

Fine diagonal lines drift sideways while bright comets of light race along them. Canvas 2D.

A full-width navbar that flows into a floating glass pill as you scroll, with a sliding hover highlight, scroll progress line and an animated mobile menu.

Letters grow bolder, larger and brighter the closer the pointer gets, with a tunable radius and falloff.

A grid of rounded squares cycling through acid neon colors in interfering waves; the cursor lights them up. WebGL.

A neon perspective grid floor swept by a glowing scan line, with a horizon that follows the cursor.

A dark, moody veil of slowly folding noise with a soft color tint and film grain. WebGL.

Slow drifting color blobs, blurred into a northern-lights glow. Pure CSS.

Drop-in 404 section: a huge parallax code with RGB-split glitch bursts, a friendly message and a home button.

An odometer-style number in a squircle window: every digit is a 0-9 strip that rolls to its new value.

An odometer-style number where every digit column rolls on a spring, with − / + controls and soft faded edges.

An oil-slick film of flowing interference colors that swirls around the cursor.

A glowing gradient orb drifts inside the button and swells to chase the pointer on hover.

A one-time code input where each digit spins in like a slot reel, shakes on a wrong code and glows on success.

Outlined lettering that draws its stroke, then wipes in a solid fill on view or on hover.

A staggered, layered column curtain that covers the old view, swaps content, then sweeps away to reveal the new one.

Page controls with fixed-width ellipsis logic, a spring-sliding active pill, and ellipses that turn into skip buttons on hover.

A row of image panels where the hovered or focused one glides open with its caption while the rest compress.

Photos tiled across the inside of a sphere that you drag to look around, with inertia and click-to-enlarge.

A draggable, snapping row of photo cards whose images drift inside their frames as the row scrolls and tilt toward the pointer.

Three depth layers of thin glowing wave lines drifting with parallax and parting around the cursor.

Gentle pastel aurora curtains that sway in slow vertical folds, with soft light rays. WebGL.

Star rating with a little character that peeks over the card, rising and grinning wider the higher you hover. Arrow keys, Home/End and digits work too.

A glossy sticker whose corner curls back on hover and follows your drag, showing its paper back and a soft lifted shadow.

A scrolling wall of phosphor glyphs on a worn CRT, with scanlines, flicker, torn glitch bands and color fringing. WebGL.

A fanned stack of photo cards that bounce into place when scrolled into view and spread apart on hover.

Photos pop in along the cursor path, then drift, shrink and fade away.

A calm dot matrix that lights up around the cursor. Redraws only on movement.

Cards pin to the top of a scroll container and pile onto each other, with covered cards shrinking and dimming underneath.

A coarse pixel mosaic whose tiles drift through a palette in slow waves and light up around the cursor. Canvas 2D.

Hovering or focusing fills the element with twinkling pixels that ripple out from the pointer, and ripple away on leave.

A dithered field of tiny pixels that breathes with noise and bursts into shockwave rings on click. WebGL.

Checkbox that squashes on press, pops and wobbles when checked, floods with color from the center and springs its tick in with a spark burst.

Anchored popover on the native Popover API: top-layer, light dismiss and Escape for free, smart flipping, an arrow and a spring scale-in from the trigger.

Posters fly through 3D space in a curving vertical stream you steer by scrolling or dragging inside the container.

Renders an image as breathing halftone dots that swell and melt into the full photo around the cursor.

Linear and circular progress with a spring-animated value and counting label, a moving sheen, and indeterminate slide and spin states.

Pulls its children toward the cursor when it gets close.

A hub-and-spoke diagram where glowing data pulses stream along curved links between a central node and its connected services.

A share button that fans social links out along a radial arc with a staggered spring, a drawn guide arc and brand-colored hovers.

Native radio group restyled with a springy dot and ripple, plus a card variant whose selection outline slides between options. Arrow keys just work.

A paragraph whose words sharpen from dim and blurred to crisp as it scrolls through view.

An AI reasoning indicator: the label ripples letter by letter, the current step shimmers past, and a click unfolds the full trace of steps.

A vertical short-video reel that snaps clip to clip on scroll or drag, with story-style progress bars, slow Ken Burns motion, hold-to-pause and double-tap like…

A liquid-glass panel whose rim bends the backdrop through an SVG displacement map, with chromatic fringes, blur and a specular edge.

Letters rise out of a mask as they scroll into view; hover and a photo shows through the type.

An incoming-call pill with pulsing rings that expands into accept and decline, then morphs into a live call timer.

A notification switch whose bell swings and rings when enabled, and gets a drawn slash when muted.

An endless flight through a bending tunnel of glowing rings and spark-lit lines. WebGL.

Text wrapped around a slowly spinning ring that speeds up, slows down or stops when hovered, with optional content in the middle.

An event ticket whose perforated stub you pull against rubber-band tension until it rips free and tumbles away, stamping a confirmation onto the ticket.