---
name: "@glint-ui"
slug: "glint-ui"
description: "354 animated React components you copy, paste and own: text effects, cursors, WebGL backgrounds, micro-interactions, UI primitives and mascots. Built with Tailwind CSS v4 and shadcn tokens."
category: "Animated components"
tags: ["3d", "animation", "backgrounds", "blocks", "buttons", "cards", "dashboard", "design-system", "glassmorphism", "hooks", "maps", "marketing", "media", "navigation", "onboarding", "overlays", "text-effects"]
framework: "react"
license: null
author: "gabbygab18"
website: "https://glint-ui-seven.vercel.app"
github: "https://github.com/gabbygab18/glint-ui"
registry: "https://glint-ui-seven.vercel.app/r/registry.json"
pro: false
pro_url: null
github_stars: 6
component_count: 250
generated_at: "2026-10-27T06:34:08.542Z"
---

# @glint-ui

354 animated React components you copy, paste and own: text effects, cursors, WebGL backgrounds, micro-interactions, UI primitives and mascots. Built with Tailwind CSS v4 and shadcn tokens.

## Links

- Website: https://glint-ui-seven.vercel.app
- GitHub: https://github.com/gabbygab18/glint-ui
- Registry JSON: https://glint-ui-seven.vercel.app/r/registry.json
- Directory page: https://sh4dcn.netlify.app/registry/glint-ui
- This file: https://sh4dcn.netlify.app/md/glint-ui.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://glint-ui-seven.vercel.app/r/registry.json
pnpm dlx shadcn@latest add https://glint-ui-seven.vercel.app/r/registry.json
bunx shadcn@latest add https://glint-ui-seven.vercel.app/r/registry.json
# clone the source repo
git clone https://github.com/gabbygab18/glint-ui.git
# fetch the raw registry index
curl -s https://glint-ui-seven.vercel.app/r/registry.json
```

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| accordion | registry:ui | Stacked disclosure sections with smooth auto-height animation, a springy chevron and full arrow/Home/End keyboard support. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/accordion.json` |
| after-cursor | registry:ui | Translucent, drifting echoes of the cursor trail behind the pointer like afterimages. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/after-cursor.json` |
| afterimage-type | registry:ui | A headline trailed by fading echo copies that lag behind it, drifting on a loop or chasing the pointer. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/afterimage-type.json` |
| alert-dialog | registry:ui | Confirmation modal on the native <dialog> with a springy scale-in, focus starting on Cancel, async confirm with spinner and destructive styling. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/alert-dialog.json` |
| animated-button | registry:ui | On hover a slanted fill sweeps across while the label slides out and an arrow slides in. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/animated-button.json` |
| animated-tabs | registry:ui | Tab bar with a springy shared-layout indicator and panels that slide and blur in the direction of travel. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/animated-tabs.json` |
| animated-testimonials | registry:ui | A stack of tilted photo cards that shuffles to the active person while their quote blurs in word by word. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/animated-testimonials.json` |
| announcement | registry:ui | Pill-shaped news link with a highlighted tag, a periodic shine sweep and a chevron that extends into an arrow on hover. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/announcement.json` |
| arc-frame | registry:ui | Wraps any element in crackling, glowing arcs of electricity that crawl around its edge. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/arc-frame.json` |
| arc-marquee | registry:ui | An endless marquee flowing along a curved path. Grab it to scrub, and flick to send it the other way. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/arc-marquee.json` |
| arc-sidebar | registry:ui | 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… | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/arc-sidebar.json` |
| ascii-text | registry:ui | Text rasterized into shimmering ASCII glyphs on a canvas, rippling in a slow wave and bulging under the pointer like a lens. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/ascii-text.json` |
| ask-box | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/ask-box.json` |
| aspect-ratio | registry:ui | Box locked to a width/height ratio, with a shimmer placeholder that dissolves into the image once it loads. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/aspect-ratio.json` |
| aurora-dots | registry:ui | A dot matrix lit by drifting aurora ribbons; each dot takes its color from the moving light field and glows near the cursor. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/aurora-dots.json` |
| avatar | registry:ui | Profile picture that fades in once loaded, falls back to colorful initials, and shows an optional presence dot. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/avatar.json` |
| avatar-group | registry:ui | Overlapping avatar stack that fans apart on hover, with name tooltips and a +N overflow chip. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/avatar-group.json` |
| background-paths | registry:ui | Two layered ribbons of flowing SVG curves with light running along their strokes. Pure SVG + CSS. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/background-paths.json` |
| badge | registry:ui | Compact status label in six variants with an optional live dot, pulse ring and a glinting shine sweep. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/badge.json` |
| badge-strap | registry:ui | An ID badge hanging from a woven strap with verlet rope physics. Grab it, fling it and watch it swing back. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/badge-strap.json` |
| bars-wave | registry:ui | A row of glowing equalizer bars whose heights roll across the screen as a layered wave. Canvas 2D. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/bars-wave.json` |
| bayer-waves | registry:ui | Flowing waves rendered with 8x8 ordered Bayer dithering in two colors; the cursor sends ripples through them. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/bayer-waves.json` |
| bead-bin | registry:ui | Glossy colored balls tumble in with gravity, collide and pile up; sweep the cursor through to shove them around. Canvas 2D. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/bead-bin.json` |
| bead-tray | registry:ui | A segmented tray where the active item pulls out on a liquid metaball thread and drops a bead when it snaps. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/bead-tray.json` |
| beam-pour | registry:ui | A glowing laser beam pours down into a misty splash, with volumetric haze, flicker and drifting motes. Raw WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/beam-pour.json` |
| beam-splitter | registry:ui | A slowly rotating glass prism splitting a white beam into a shimmering rainbow fan. Aim the beam with the cursor. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/beam-splitter.json` |
| beams-upstream | registry:ui | Thin light beams rise along the vertical lines of a softly masked grid, trailing a glowing tail. Canvas 2D. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/beams-upstream.json` |
| bend-ribbon | registry:ui | An endless ribbon of images bent along an arc that you scroll, drag or arrow through, easing to a snap. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/bend-ribbon.json` |
| bento-grid | registry:ui | Responsive bento layout of feature tiles with hover lifts, playful icons and a cursor spotlight that glows across tile borders. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/bento-grid.json` |
| bit-flurry | registry:ui | Chunky pixel-art snowflakes drifting down in parallax layers, swaying in the wind. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/bit-flurry.json` |
| bitmask-veil | registry:ui | A flowing 1-bit ordered-dither veil that dissolves around the cursor to reveal what is underneath. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/bitmask-veil.json` |
| bleed-reveal | registry:ui | A media card that grows from an inset, rounded frame to full-bleed as you scroll, splitting its headline apart. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/bleed-reveal.json` |
| blind-light | registry:ui | Warm light slanting in from one side through window blinds, with dust motes glinting in the beams. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/blind-light.json` |
| blob-lamp | registry:ui | Glossy liquid blobs that drift, merge and split, with one that follows your cursor. Raw WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/blob-lamp.json` |
| block-dissolve | registry:ui | On hover or focus, an image dissolves into a second one through a wave of pixel blocks spreading from the pointer. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/block-dissolve.json` |
| bob-shapes | registry:ui | Rows of small circles, squares and triangles bobbing and turning in rolling waves; they swell near the cursor. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/bob-shapes.json` |
| bolt-strike | registry:ui | A night storm where procedural, forking lightning bolts strike at random spots and light up the clouds. Canvas 2D. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/bolt-strike.json` |
| bracket-focus | registry:ui | One word at a time snaps into focus inside gliding corner brackets while the rest of the sentence blurs. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/bracket-focus.json` |
| brick-gallery | registry:ui | Animated masonry image grid: tiles fly in with a staggered blur-to-focus, glide to new slots on resize and zoom on hover. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/brick-gallery.json` |
| burn-button | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/burn-button.json` |
| button | registry:ui | shadcn-style button with six variants, a tactile press, icon slots and a loading spinner that slides the label aside. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/button.json` |
| calendar | registry:ui | Dependency-free date picker grid with single or range selection, springy month slides, range preview on hover and full keyboard navigation. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/calendar.json` |
| card | registry:ui | Composable card surface (header, title, description, content, footer) with an optional hover lift and a rotating gradient border. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/card.json` |
| card-flip | registry:ui | A 3D card that springs over to reveal its back on hover or click, with Enter/Space to toggle. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/card-flip.json` |
| cascade-list | registry:ui | Items drop in one at a time, like a live notification feed. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/cascade-list.json` |
| charge-band | registry:ui | A glowing horizontal band of plasma wrapped in flickering electric filaments; it bends toward the cursor. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/charge-band.json` |
| checkbox | registry:ui | Native checkbox restyled with a hand-drawn tick animation, indeterminate dash, label and description. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/checkbox.json` |
| checklist-cell | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/checklist-cell.json` |
| chrome-pour | registry:ui | Liquid chrome flows inside a beveled star, heart, ring or glyph, with reflections that lean toward the cursor. Raw WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/chrome-pour.json` |
| cipher-reveal | registry:ui | Scrambled glyphs resolve into the real text, on view or on hover. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/cipher-reveal.json` |
| clock | registry:ui | An elegant analog clock with a smooth sweeping (or bouncy ticking) second hand, minute ticks, a digital readout and any IANA time zone. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/clock.json` |
| cloth-wire | registry:ui | A wireframe mesh that stretches around the cursor like cloth and springs back; click to send a shockwave. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/cloth-wire.json` |
| cobweb | registry:ui | A spider web of silk threads swaying in a breeze; the cursor stretches them and they ripple as they spring back. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/cobweb.json` |
| code-block | registry:ui | 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… | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/code-block.json` |
| collapsible | registry:ui | Show-more region whose height, opacity and blur ease open smoothly, controlled or uncontrolled. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/collapsible.json` |
| column-drift | registry:ui | A tilted wall of image columns drifting up and down at different speeds, pausing on hover. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/column-drift.json` |
| column-lines | registry:ui | Evenly spaced column lines with colored light pulses falling down them at random. Canvas 2D. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/column-lines.json` |
| contour-map | registry:ui | Animated topographic contour lines over slowly shifting terrain, with a hill that rises under the cursor. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/contour-map.json` |
| cosmic-background | registry:ui | Deep-space nebula clouds with parallax star layers, twinkling flares and the odd shooting star. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/cosmic-background.json` |
| crease-type | registry:ui | Lines or letters swing open like creased paper in 3D, with a soft shadow lifting as each piece unfolds. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/crease-type.json` |
| crt-warp | registry:ui | A glowing gradient seen through an old CRT: barrel curvature, scanlines, RGB mask, flicker and a rolling bar. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/crt-warp.json` |
| crumple-delete | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/crumple-delete.json` |
| current-trace | registry:ui | Pulses of glowing current race along any SVG outline, flickering and arcing as they go. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/current-trace.json` |
| cursor-highlight | registry:ui | A soft glow follows the cursor and springs into a pill that wraps whatever link or card you hover. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/cursor-highlight.json` |
| deck-cycle | registry:ui | A skewed 3D stack of cards that cycles on its own: the front card drops away and springs back in behind the others. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/deck-cycle.json` |
| decorated-text | registry:ui | Frames a word with corner brackets, a dashed selection box and twinkling sparkles that draw in on view or hover. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/decorated-text.json` |
| departure-board | registry:ui | An airport departures board: every tile flips through the drum until it lands on the next word. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/departure-board.json` |
| dialog | registry:ui | Modal built on the native <dialog>: blurred backdrop, spring scale-in and fade-out, Escape to close and focus returned to the trigger. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/dialog.json` |
| dot-terrain | registry:ui | A perspective field of glowing dots rolling toward you in terrain-like waves; the camera leans with the cursor. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/dot-terrain.json` |
| dot-wave | registry:ui | A perspective field of dots rolling in layered sine waves, fading into the horizon. Canvas 2D. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/dot-wave.json` |
| draggable-avatar | registry:ui | An avatar you can drag and fling around its container; it springs to the nearest corner with the throw's momentum. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/draggable-avatar.json` |
| drawer | registry:ui | 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 … | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/drawer.json` |
| drift-card | registry:ui | A card whose photo, text and chips drift at different parallax depths as the pointer moves, with a soft tilt and glare. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/drift-card.json` |
| drip-range | registry:ui | Range slider whose thumb stretches with drag speed and drips a gooey value bubble while you slide. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/drip-range.json` |
| droop-field | registry:ui | A text field whose words and underline droop along an arc while idle, then spring flat the moment you focus it. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/droop-field.json` |
| drop-nav | registry:ui | A compact navbar that springs open downward into a row of colorful link cards. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/drop-nav.json` |
| dropdown-menu | registry:ui | 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… | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/dropdown-menu.json` |
| droplet-tabs | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/droplet-tabs.json` |
| drum-picker | registry:ui | iOS-style picker wheel: rows curve around a 3D cylinder, snap into place and respond to wheel, drag, touch and arrow keys. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/drum-picker.json` |
| dual-sparks | registry:ui | Two streams of sparks rush in from opposite edges and burst against each other in a glowing core. Canvas 2D. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/dual-sparks.json` |
| duration-picker | registry:ui | Hours, minutes and a save button fused into one bar that pulls apart on a liquid thread while you edit. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/duration-picker.json` |
| dynamic-island | registry:ui | A squircle pill that eases into a slab when tapped, swaps its content on the way, and glows red on alert. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/dynamic-island.json` |
| edge-fog | registry:ui | A progressive edge blur built from stacked, masked backdrop-filter layers. Drop it over any scrolling area. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/edge-fog.json` |
| electric-text | registry:ui | Text wrapped in a crackling electric outline, driven by animated SVG turbulence displacement. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/electric-text.json` |
| ellipse-photos | registry:ui | Photos circle a tilted ellipse in pseudo-3D, scaling and dimming with depth, and glide to a stop on hover. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/ellipse-photos.json` |
| ember-cells | registry:ui | A grid of cells that light up under the cursor and cool into a fading color trail. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/ember-cells.json` |
| ember-path | registry:ui | Grid pixels ignite along the cursor path, burn white-hot and shrink away as they fade. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/ember-path.json` |
| enter-view | registry:ui | Slides, scales and fades its children into place when they scroll into view. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/enter-view.json` |
| expandable-cards | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/expandable-cards.json` |
| expandable-dock | registry:ui | A compact pill of actions that springs open into a panel (search, quick actions, inbox, player), morphing its size and corners between states. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/expandable-dock.json` |
| extrude-type | registry:ui | Chunky extruded 3D lettering built from stacked layers that tilts toward the pointer and sways gently when idle. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/extrude-type.json` |
| facescape | registry:ui | A little face built from simple shapes that watches your cursor, lifts its brows and grins as you get close. Click to boop. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/facescape.json` |
| fancy-text | registry:ui | Outlined letters that lift and fill with a sweeping gradient, one after another, on hover. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/fancy-text.json` |
| feature-showcase | registry:ui | Feature list with an expanding description and a filling progress bar that auto-advances, crossfading a matching visual on the side. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/feature-showcase.json` |
| file-lift | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/file-lift.json` |
| file-pocket | registry:ui | A folder that springs open on hover or click, fanning out the paper cards tucked inside. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/file-pocket.json` |
| filings | registry:ui | A field of short lines that swing to point at the cursor like iron filings, glowing and stretching as it nears. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/filings.json` |
| film-grain | registry:ui | An animated film-grain overlay. Pre-baked canvas frames, so it costs almost nothing to run. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/film-grain.json` |
| fizz-menu | registry:ui | A pill navbar whose toggle bursts into a cloud of springy bubble links that pop in one after another. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/fizz-menu.json` |
| flashy-card | registry:ui | A card with a comet of gradient light sweeping its border that brightens, blooms into a glow and flashes across the surface on hover. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/flashy-card.json` |
| flex-navbar | registry:ui | Icon navbar whose items spring open to reveal a tinted label on hover or focus while their neighbours flex aside. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/flex-navbar.json` |
| fling-confirm | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/fling-confirm.json` |
| fling-toast | registry:ui | Stacked toasts that fan out on hover, pause their progress timers while you read, and fling away when swiped sideways. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/fling-toast.json` |
| flip-flow | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/flip-flow.json` |
| flip-stack | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/flip-stack.json` |
| flock-trail | registry:ui | A flock of boids that separates, aligns and swirls around the cursor, leaving luminous trails. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/flock-trail.json` |
| flood-pills | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/flood-pills.json` |
| focus-outline | registry:ui | A soft, glowing outline that snaps into razor focus wherever the cursor comes near. WebGL signed distance fields. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/focus-outline.json` |
| focus-pull | registry:ui | Fades and un-blurs its children as they scroll into view, like a lens pulling focus. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/focus-pull.json` |
| fog-deck | registry:ui | A looping carousel where cards recede into 3D depth and blur the further they sit from center. Drag, click, arrows or keys. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/fog-deck.json` |
| foil-sweep | registry:ui | A glossy band of light sweeps across the card on hover or focus, like light catching foil. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/foil-sweep.json` |
| folder-tree | registry:ui | File explorer tree with springy expand/collapse, a highlight that glides to the selected row, file-type icons and full keyboard navigation. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/folder-tree.json` |
| follow-cursor | registry:ui | A pill label that trails the cursor across a card on a spring, leans into motion and squishes on click. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/follow-cursor.json` |
| fork-flash | registry:ui | A crackling procedural lightning bolt with forking branches, strobing strikes and storm clouds lit from within. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/fork-flash.json` |
| frost-tiles | registry:ui | Icon tiles with a colored backplate behind a frosted glass front that lifts and tilts toward the pointer on hover. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/frost-tiles.json` |
| github-activity | registry:ui | A contribution calendar on a squircle card whose busiest repos stack as avatars and expand into a drawer over the grid. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/github-activity.json` |
| glass-card | registry:ui | Frosted glassmorphism card with a refractive edge light, film grain and a pointer-follow sheen. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/glass-card.json` |
| glass-drift | registry:ui | Translucent glass shards drift in layers over soft glowing color, bending the light with refraction, dispersion and slow cursor parallax. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/glass-drift.json` |
| glint-bot | registry:ui | 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… | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/glint-bot.json` |
| globe | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/globe.json` |
| globe-menu | registry:ui | Menu items wrapped around a sphere you drag to spin; it settles on the disc facing you and reveals its title. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/globe-menu.json` |
| globe-wireframe | registry:ui | 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… | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/globe-wireframe.json` |
| gloss-pill | registry:ui | A glossy glass pill with a specular hotspot and rim light that glide after the pointer. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/gloss-pill.json` |
| glow-border | registry:ui | A comet of light orbits the element's border. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/glow-border.json` |
| glow-eddies | registry:ui | Luminous, colorful ether that flows on its own and swirls into eddies wherever the cursor moves. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/glow-eddies.json` |
| glow-sphere | registry:ui | A glowing iridescent orb whose film of color slides around its rim; it wobbles and brightens when hovered. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/glow-sphere.json` |
| glyph-hover | registry:ui | Letters near the cursor dissolve into flickering glyphs and settle back into the original text, strongest right under the pointer. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/glyph-hover.json` |
| glyph-spill | registry:ui | A trail of glyphs or emoji that spills from the pointer inside its container, spinning and fading as it drifts. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/glyph-spill.json` |
| glyph-storm | registry:ui | A full grid of monospace glyphs that keep swapping characters and colors, framed by a soft vignette. Canvas 2D. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/glyph-storm.json` |
| god-rays | registry:ui | Soft god rays streaming from an edge or corner, swaying gently and leaning toward the cursor. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/god-rays.json` |
| goo-chaser | registry:ui | A trail of gooey blobs that stretch, merge and split as they chase the pointer. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/goo-chaser.json` |
| goo-radio | registry:ui | A radio group with one gooey dot that stretches as it slides to the new option, splats on landing and jiggles back into shape. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/goo-radio.json` |
| grain-gradient | registry:ui | A slowly morphing mesh gradient of four colors under a layer of moving film grain. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/grain-gradient.json` |
| gravity | registry:ui | Drops any elements into a real physics box where they tumble, stack, and can be grabbed and thrown. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/gravity.json` |
| grid-background | registry:ui | A fine grid where random cells softly light up and fade out, framed by a radial fade. Canvas 2D. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/grid-background.json` |
| grow-panels | registry:ui | Row of photo panels where the active one flex-grows open while the rest shrink, auto-advancing with a progress bar. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/grow-panels.json` |
| hairline-coords | registry:ui | Full-bleed crosshair lines with live coordinates that tear and glitch when you hover a link. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/hairline-coords.json` |
| halo-follow | registry:ui | A soft colored glow trails the cursor inside its container and swells over interactive children. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/halo-follow.json` |
| halo-rings | registry:ui | Concentric glowing rings spin at their own pace, breathe, and bend toward the cursor. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/halo-rings.json` |
| haze-shafts | registry:ui | Soft volumetric light beams slanting across a dark scene, drifting and breathing through noisy haze. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/haze-shafts.json` |
| heat-haze | registry:ui | Type that ripples like heat haze through an SVG turbulence filter on hover, with an optional RGB fringe, then eases back to crisp. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/heat-haze.json` |
| helix-cards | registry:ui | Cards wound around an endless 3D helix that keeps turning, and spins faster when you scroll or drag. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/helix-cards.json` |
| hold-to-confirm | registry:ui | Destructive action guard: press and hold until the bar fills. Works with Space and Enter. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/hold-to-confirm.json` |
| holo-badge | registry:ui | Holographic profile card that tilts toward the pointer while rainbow foil, glitter and glare slide across it, with a glass contact bar. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/holo-badge.json` |
| hover-card | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/hover-card.json` |
| hover-shelf | registry:ui | macOS-style toolbar where icons magnify as the cursor passes. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/hover-shelf.json` |
| hud-type | registry:ui | HUD-style lettering that flickers on inside bracket frames, with a scan line, live readouts and a blinking caret. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/hud-type.json` |
| hue-folds | registry:ui | Smooth ribbons of color that bend, fold and drift; the cursor gently warps them like a lens. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/hue-folds.json` |
| hyperlink | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/hyperlink.json` |
| infinite-canvas | registry:ui | A bounded moodboard-style canvas on a dotted grid: drag to pan with inertia, scroll or pinch to zoom around the pointer, keyboard friendly. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/infinite-canvas.json` |
| ink-fluid | registry:ui | Real-time fluid ink that swirls off the cursor in shifting colors. A compact WebGL2 stable-fluids solver, scoped to its container. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/ink-fluid.json` |
| input | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/input.json` |
| input-otp | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/input-otp.json` |
| interactive-input | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/interactive-input.json` |
| iphone-mockup | registry:ui | 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… | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/iphone-mockup.json` |
| iso-pulse | registry:ui | A tiny isometric lattice of cubes or dots that pulses in a diagonal wave while the whole grid sways in 3D. Pure CSS. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/iso-pulse.json` |
| kbd | registry:ui | Keyboard keys drawn as 3D keycaps that physically sink when the matching key is pressed, plus a group for shortcuts. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/kbd.json` |
| keyboard | registry:ui | 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… | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/keyboard.json` |
| kinetic-testimonials | registry:ui | Rows of testimonial cards drifting in opposite directions, pausing on hover with soft edge fades. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/kinetic-testimonials.json` |
| label | registry:ui | Form label with a required asterisk, optional tag and hint text that lights up while its control has focus. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/label.json` |
| lamp-hero | registry:ui | Hero section lit by a glowing light tube whose cone swings open and the heading rises into the light when it scrolls into view. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/lamp-hero.json` |
| lava-gloss | registry:ui | Smooth, glossy plasma flowing through a three-color palette; the cursor twists it into a whirlpool. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/lava-gloss.json` |
| layer-stack | registry:ui | Translucent design layers stacked in isometric view that fan apart on hover, with a layers panel to spotlight each one. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/layer-stack.json` |
| layer-swells | registry:ui | Stacked gradient waves rolling at different speeds, each casting a soft shadow on the layer behind. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/layer-swells.json` |
| layered-button | registry:ui | A 3D keycap of stacked offset layers that spread on hover and compress on press. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/layered-button.json` |
| layered-text | registry:ui | Colored copies hide behind each letter and fan out in a springy cascade on hover, then stack back. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/layered-text.json` |
| lean-card | registry:ui | A card that leans and drifts toward the pointer while its shadow slides away and the content counter-leans for depth. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/lean-card.json` |
| lean-tip | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/lean-tip.json` |
| lens-follow | registry:ui | A liquid glass lens that trails the cursor, magnifying and refracting the content beneath it with chromatic edges. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/lens-follow.json` |
| letter-rise | registry:ui | Reveals text character by character or word by word when it scrolls into view. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/letter-rise.json` |
| like-pop | registry:ui | Like button whose heart squashes, pops and bursts into particles while the count rolls up digit by digit. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/like-pop.json` |
| line-roll | registry:ui | Lines of text roll endlessly through a soft-masked window, the active line sharp and its neighbours blurred. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/line-roll.json` |
| lit-bento | registry:ui | Bento grid whose cards light up with a cursor-following border glow, tilt gently and fill with drifting particles on hover. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/lit-bento.json` |
| loader | registry:ui | Five small, clean loaders in one component: a stretching arc spinner, squashy hopping dots, equalizer bars, a heartbeat pulse and bunching orbit dots. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/loader.json` |
| lock-on | registry:ui | A spinning reticle cursor whose corner brackets snap around any element you mark as a target. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/lock-on.json` |
| login-form | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/login-form.json` |
| logo-stepper | registry:ui | A row of logos that steps through one at a time, with a spring focus ring sliding between them and a caption per logo. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/logo-stepper.json` |
| luminescent-flows | registry:ui | Glowing currents drift like bioluminescent tides, with light pulses traveling along them and specks of plankton. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/luminescent-flows.json` |
| lustre-text | registry:ui | Polished metal lettering with a bevel and a specular glint that sweeps across, or follows your pointer. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/lustre-text.json` |
| magma-crust | registry:ui | Slowly drifting plates of dark crust split by white-hot, pulsing cracks of molten metal. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/magma-crust.json` |
| marquee | registry:ui | Infinite logo loop that eases to a stop on hover, grows the logo under the cursor and fades its edges. Works with any content. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/marquee.json` |
| mask-wipe | registry:ui | A big heading wiped into view by a feathered mask sweep, with a gradient or photo flowing through the letters. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/mask-wipe.json` |
| matrix-orb | registry:ui | A liquid metaball orb for voice or AI status: it breathes when idle, ripples when listening and churns off droplets when thinking. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/matrix-orb.json` |
| media-card | registry:ui | Music player card with cover art, a scrubbable progress bar, a morphing play/pause icon and a live equalizer. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/media-card.json` |
| melt-card | registry:ui | An image card that leans toward the cursor and melts into noisy SVG displacement the faster you move. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/melt-card.json` |
| memo-pill | registry:ui | 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… | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/memo-pill.json` |
| meteor-orbit | registry:ui | Icons circling a center on concentric rings while glowing meteor streaks race along each orbit. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/meteor-orbit.json` |
| meteors | registry:ui | Shooting stars streak across the container. Pure CSS, SSR-safe. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/meteors.json` |
| mirror-ripple | registry:ui | A slowly folding mirror-like chrome surface that ripples wherever the cursor moves or clicks. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/mirror-ripple.json` |
| model-studio | registry:ui | Three.js studio viewer for a procedural model: physical clearcoat material, soft shadows, drag to orbit, auto-rotate and clamped zoom. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/model-studio.json` |
| modern-loader | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/modern-loader.json` |
| mono-spotlight | registry:ui | A grid of profile cards drained to grayscale, with a soft spotlight of full color that trails the cursor. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/mono-spotlight.json` |
| morning-widget | registry:ui | A squircle card on a drifting sunrise mesh that greets you by name, rolls a live clock digit by digit and rotates motivational lines. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/morning-widget.json` |
| morph-text | registry:ui | Cycles through words that melt into one another through a gooey blur-and-threshold crossfade. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/morph-text.json` |
| morphy-button | registry:ui | A pill that morphs into a spinning circle while loading, then pops a drawn check on success. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/morphy-button.json` |
| mosaic-flip | registry:ui | A card that dissolves into a random pixel grid on hover and reassembles as its second face. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/mosaic-flip.json` |
| mote-field | registry:ui | A drifting constellation that links nearby points and flees the cursor. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/mote-field.json` |
| motion-cards | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/motion-cards.json` |
| motion-grid | registry:ui | A grid of tiles that shrink, spin and flash in rolling waves radiating from whichever tile you click. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/motion-grid.json` |
| motion-navbar | registry:ui | Site navbar with a hover pill that glides between links and a single dropdown that morphs its size and position between menus. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/motion-navbar.json` |
| moving-lines | registry:ui | Fine diagonal lines drift sideways while bright comets of light race along them. Canvas 2D. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/moving-lines.json` |
| navbar-flow | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/navbar-flow.json` |
| near-bold | registry:ui | Letters grow bolder, larger and brighter the closer the pointer gets, with a tunable radius and falloff. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/near-bold.json` |
| neon-checker | registry:ui | A grid of rounded squares cycling through acid neon colors in interfering waves; the cursor lights them up. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/neon-checker.json` |
| neon-floor | registry:ui | A neon perspective grid floor swept by a glowing scan line, with a horizon that follows the cursor. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/neon-floor.json` |
| night-fold | registry:ui | A dark, moody veil of slowly folding noise with a soft color tint and film grain. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/night-fold.json` |
| north-glow | registry:ui | Slow drifting color blobs, blurred into a northern-lights glow. Pure CSS. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/north-glow.json` |
| not-found | registry:ui | Drop-in 404 section: a huge parallax code with RGB-split glitch bursts, a friendly message and a home button. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/not-found.json` |
| number-ticker | registry:ui | An odometer-style number in a squircle window: every digit is a 0-9 strip that rolls to its new value. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/number-ticker.json` |
| odometer | registry:ui | An odometer-style number where every digit column rolls on a spring, with − / + controls and soft faded edges. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/odometer.json` |
| oil-film | registry:ui | An oil-slick film of flowing interference colors that swirls around the cursor. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/oil-film.json` |
| orb-button | registry:ui | A glowing gradient orb drifts inside the button and swells to chase the pointer on hover. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/orb-button.json` |
| otp-reels | registry:ui | A one-time code input where each digit spins in like a slot reel, shakes on a wrong code and glows on success. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/otp-reels.json` |
| outline-fill | registry:ui | Outlined lettering that draws its stroke, then wipes in a solid fill on view or on hover. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/outline-fill.json` |
| page-transition | registry:ui | A staggered, layered column curtain that covers the old view, swaps content, then sweeps away to reveal the new one. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/page-transition.json` |
| pagination | registry:ui | Page controls with fixed-width ellipsis logic, a spring-sliding active pill, and ellipses that turn into skip buttons on hover. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/pagination.json` |
| panel-glide | registry:ui | A row of image panels where the hovered or focused one glides open with its caption while the rest compress. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/panel-glide.json` |
| panorama-sphere | registry:ui | Photos tiled across the inside of a sphere that you drag to look around, with inertia and click-to-enlarge. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/panorama-sphere.json` |
| parallax-cards | registry:ui | A draggable, snapping row of photo cards whose images drift inside their frames as the row scrolls and tilt toward the pointer. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/parallax-cards.json` |
| parallax-strings | registry:ui | Three depth layers of thin glowing wave lines drifting with parallax and parting around the cursor. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/parallax-strings.json` |
| pastel-curtains | registry:ui | Gentle pastel aurora curtains that sway in slow vertical folds, with soft light rays. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/pastel-curtains.json` |
| peekaboo-stars | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/peekaboo-stars.json` |
| peel-decal | registry:ui | A glossy sticker whose corner curls back on hover and follows your drag, showing its paper back and a soft lifted shadow. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/peel-decal.json` |
| phosphor-wall | registry:ui | A scrolling wall of phosphor glyphs on a worn CRT, with scanlines, flicker, torn glitch bands and color fringing. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/phosphor-wall.json` |
| photo-fan | registry:ui | A fanned stack of photo cards that bounce into place when scrolled into view and spread apart on hover. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/photo-fan.json` |
| photo-wake | registry:ui | Photos pop in along the cursor path, then drift, shrink and fade away. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/photo-wake.json` |
| pin-matrix | registry:ui | A calm dot matrix that lights up around the cursor. Redraws only on movement. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/pin-matrix.json` |
| pin-pile | registry:ui | Cards pin to the top of a scroll container and pile onto each other, with covered cards shrinking and dimming underneath. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/pin-pile.json` |
| pixel-background | registry:ui | A coarse pixel mosaic whose tiles drift through a palette in slow waves and light up around the cursor. Canvas 2D. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/pixel-background.json` |
| pixel-highlight | registry:ui | Hovering or focusing fills the element with twinkling pixels that ripple out from the pointer, and ripple away on leave. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/pixel-highlight.json` |
| pixel-shock | registry:ui | A dithered field of tiny pixels that breathes with noise and bursts into shockwave rings on click. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/pixel-shock.json` |
| pop-check | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/pop-check.json` |
| popover | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/popover.json` |
| poster-stream | registry:ui | Posters fly through 3D space in a curving vertical stream you steer by scrolling or dragging inside the container. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/poster-stream.json` |
| print-dots | registry:ui | Renders an image as breathing halftone dots that swell and melt into the full photo around the cursor. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/print-dots.json` |
| progress | registry:ui | Linear and circular progress with a spring-animated value and counting label, a moving sheen, and indeterminate slide and spin states. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/progress.json` |
| pull-hover | registry:ui | Pulls its children toward the cursor when it gets close. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/pull-hover.json` |
| radial-flow | registry:ui | A hub-and-spoke diagram where glowing data pulses stream along curved links between a central node and its connected services. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/radial-flow.json` |
| radial-socials | registry:ui | A share button that fans social links out along a radial arc with a staggered spring, a drawn guide arc and brand-colored hovers. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/radial-socials.json` |
| radio-group | registry:ui | Native radio group restyled with a springy dot and ripple, plus a card variant whose selection outline slides between options. Arrow keys just work. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/radio-group.json` |
| read-focus | registry:ui | A paragraph whose words sharpen from dim and blurred to crisp as it scrolls through view. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/read-focus.json` |
| reasoning-trace | registry:ui | An AI reasoning indicator: the label ripples letter by letter, the current step shimmers past, and a click unfolds the full trace of steps. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/reasoning-trace.json` |
| reel | registry:ui | 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… | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/reel.json` |
| refract-panel | registry:ui | A liquid-glass panel whose rim bends the backdrop through an SVG displacement map, with chromatic fringes, blur and a specular edge. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/refract-panel.json` |
| reveal-text | registry:ui | Letters rise out of a mask as they scroll into view; hover and a photo shows through the type. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/reveal-text.json` |
| ring-pill | registry:ui | An incoming-call pill with pulsing rings that expands into accept and decline, then morphs into a live call timer. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/ring-pill.json` |
| ring-switch | registry:ui | A notification switch whose bell swings and rings when enabled, and gets a drawn slash when muted. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/ring-switch.json` |
| ring-tunnel | registry:ui | An endless flight through a bending tunnel of glowing rings and spark-lit lines. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/ring-tunnel.json` |
| ring-type | registry:ui | Text wrapped around a slowly spinning ring that speeds up, slows down or stops when hovered, with optional content in the middle. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/ring-type.json` |
| rip-stub | registry:ui | 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. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/rip-stub.json` |

## For AI agents

```text
You are adding components from @glint-ui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.netlify.app/md/glint-ui.md) for the component list.
2. Fetch the machine-readable index: https://glint-ui-seven.vercel.app/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.netlify.app/json (library slug: glint-ui).
```