---
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", "forms", "glassmorphism", "hooks", "icons", "marketing", "media", "navigation", "onboarding", "overlays", "retro", "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: 3
component_count: 250
generated_at: "2026-10-10T06:32:55.998Z"
---

# @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.vercel.app/registry/glint-ui
- This file: https://sh4dcn.vercel.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` |
| accordion-gallery | 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/accordion-gallery.json` |
| acid-squares | 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/acid-squares.json` |
| aero-shards | 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/aero-shards.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-content | 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/animated-content.json` |
| animated-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/animated-list.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` |
| antigravity | registry:ui | Weightless glowing dust that drifts upward and curls away from the cursor. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/antigravity.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` |
| 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 | 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/aurora.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` |
| ballpit | 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/ballpit.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` |
| beams | 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/beams.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` |
| bell-toggle | 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/bell-toggle.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` |
| blob-cursor | 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/blob-cursor.json` |
| blur-text | registry:ui | Words or letters drift in from above or below, sharpening out of a heavy blur as they scroll into view. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/blur-text.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` |
| bounce-cards | 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/bounce-cards.json` |
| branched-menu | registry:ui | A trigger that grows curved branches out to its sub-actions, then pulls them back in when it closes. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/branched-menu.json` |
| bubble-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/bubble-menu.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` |
| call-chip | 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/call-chip.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` |
| card-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/card-nav.json` |
| card-swap | 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/card-swap.json` |
| carousel | registry:ui | A draggable, snapping carousel whose off-center slides tilt away in 3D, with dots, autoplay and arrow-key support. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/carousel.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` |
| chroma-grid | 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/chroma-grid.json` |
| circular-gallery | 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/circular-gallery.json` |
| circular-text | 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/circular-text.json` |
| click-spark | registry:ui | Bursts of sparks radiate from every click inside the area. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/click-spark.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` |
| 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` |
| code-slots | 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/code-slots.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` |
| color-bends | 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/color-bends.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` |
| comet-dial | registry:ui | A drag-around knob whose indicator trails a glowing comet tail, with a live readout and full arrow-key support. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/comet-dial.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` |
| count-up | registry:ui | Animates a number from one value to another when it enters the viewport. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/count-up.json` |
| counter | 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/counter.json` |
| crosshair | 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/crosshair.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` |
| cubes | registry:ui | A field of 3D cubes that tilt toward the cursor and flip in a glowing ripple when clicked. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/cubes.json` |
| cursor-grid | 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/cursor-grid.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` |
| curved-input | 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/curved-input.json` |
| curved-loop | 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/curved-loop.json` |
| dark-veil | 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/dark-veil.json` |
| decay-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/decay-card.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` |
| decrypted-text | 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/decrypted-text.json` |
| depth-carousel | 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/depth-carousel.json` |
| depth-text | 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/depth-text.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` |
| dither | 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/dither.json` |
| dither-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/dither-veil.json` |
| dock | registry:ui | macOS-style toolbar where icons magnify as the cursor passes. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/dock.json` |
| dodge-field | registry:ui | A playful yes/no prompt whose No button springs away from the cursor, leaning into each hop, until it gets tired. Keyboard users can always press it. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/dodge-field.json` |
| dome-gallery | 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/dome-gallery.json` |
| dot-field | 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-field.json` |
| dot-grid | 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/dot-grid.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` |
| drift-wall | 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/drift-wall.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` |
| 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` |
| echo-text | 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/echo-text.json` |
| elastic-mesh | 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/elastic-mesh.json` |
| elastic-slider | registry:ui | Range slider whose track stretches like rubber when dragged past either end, then springs back. Keyboard accessible. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/elastic-slider.json` |
| electric-border | 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/electric-border.json` |
| electric-logo | 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/electric-logo.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` |
| evil-eye | registry:ui | A giant smoldering eye with a churning iris and slit pupil that tracks the cursor and blinks now and then. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/evil-eye.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` |
| 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` |
| fade-content | 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/fade-content.json` |
| falling-text | registry:ui | A paragraph whose words tumble down and pile up with real physics on hover, click or view, then can be grabbed and tossed around. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/falling-text.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` |
| faulty-terminal | 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/faulty-terminal.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` |
| ferrofluid | registry:ui | A glossy black ferrofluid blob whose spikes rise toward the cursor like it is chasing a magnet. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/ferrofluid.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-carousel | 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/flex-carousel.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` |
| flip-card | registry:ui | A small flash card that lifts off the table and springs over toward the side you tap, with a shadow that shrinks mid-turn. Enter or Space flips it too. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/flip-card.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` |
| floating-lines | 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/floating-lines.json` |
| flowing-menu | registry:ui | Full-width menu rows; hovering one wipes in a marquee of text and images from the edge you entered. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/flowing-menu.json` |
| fluid-glass | 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/fluid-glass.json` |
| flying-posters | 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/flying-posters.json` |
| fold-text | 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/fold-text.json` |
| folder | 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/folder.json` |
| folder-float | 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/folder-float.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` |
| fuse-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/fuse-button.json` |
| fuzzy-text | registry:ui | Canvas-drawn lettering whose pixel rows jitter sideways like a weak signal, getting noisier when you hover it. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/fuzzy-text.json` |
| galaxy | registry:ui | A slowly spinning spiral galaxy of twinkling stars and glowing dust, with depth parallax under the cursor. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/galaxy.json` |
| ghost-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/ghost-cursor.json` |
| ghost-fibers | registry:ui | Translucent glowing fibers that braid, drift apart and fade in and out like ghostly silk. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/ghost-fibers.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` |
| glare-hover | 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/glare-hover.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-icons | 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/glass-icons.json` |
| glass-surface | 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/glass-surface.json` |
| glide-select | 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/glide-select.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` |
| glitch-text | registry:ui | RGB-split slices jitter across the text like a broken signal. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/glitch-text.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-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` |
| 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-cursor | 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/glow-cursor.json` |
| gooey-nav | 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/gooey-nav.json` |
| gradient-blinds | registry:ui | Venetian-blind strips refracting a drifting gradient, lit by a spotlight that follows the cursor. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/gradient-blinds.json` |
| gradient-text | registry:ui | Text filled with a slowly flowing multi-stop gradient. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/gradient-text.json` |
| gradient-waves | 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/gradient-waves.json` |
| gradual-blur | 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/gradual-blur.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` |
| grid-distortion | registry:ui | An image on a grid of tiles that smear along with the cursor and ease back into place. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/grid-distortion.json` |
| grid-motion | registry:ui | Tilted rows of tiles that slide in alternating directions as the cursor moves across. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/grid-motion.json` |
| grid-scan | 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/grid-scan.json` |
| halftone-reveal | 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/halftone-reveal.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` |
| 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` |
| 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` |
| hyperspeed | registry:ui | A night highway of light trails rushing toward you. Hold the pointer down to punch it into warp. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/hyperspeed.json` |
| image-trail | 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/image-trail.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` |
| infinite-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/infinite-menu.json` |
| infinite-spiral | 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/infinite-spiral.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` |
| iridescence | 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/iridescence.json` |
| jelly-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/jelly-radio.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` |
| lanyard | 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/lanyard.json` |
| laser-flow | 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/laser-flow.json` |
| lattice-loader | 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/lattice-loader.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` |
| 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` |
| letter-glitch | 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/letter-glitch.json` |
| light-pillar | registry:ui | A tall column of light filled with slowly swirling volumetric smoke. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/light-pillar.json` |
| light-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/light-rays.json` |
| light-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/light-tunnel.json` |
| lightfall | registry:ui | Streaks of light falling like rain across three depth layers, each with a glowing head and fading trail. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/lightfall.json` |
| lightning | 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/lightning.json` |
| line-sidebar | registry:ui | Sidebar navigation whose glowing line indicator stretches toward the new item and springs back to size. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/line-sidebar.json` |
| line-waves | registry:ui | Dozens of fine horizontal lines weaving into flowing silk-like waves that bulge away from the cursor. Canvas 2D. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/line-waves.json` |
| liquid-chrome | 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/liquid-chrome.json` |
| liquid-ether | 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/liquid-ether.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` |
| 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` |
| magic-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/magic-bento.json` |
| magic-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/magic-rings.json` |
| magnet | registry:ui | Pulls its children toward the cursor when it gets close. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/magnet.json` |
| magnet-lines | 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/magnet-lines.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` |
| masked-heading | 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/masked-heading.json` |
| masonry | 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/masonry.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` |
| meta-balls | 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/meta-balls.json` |
| metallic-paint | 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/metallic-paint.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` |
| model-viewer | 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-viewer.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` |
| molten-metal | 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/molten-metal.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-slider | 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/morph-slider.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` |
| 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` |
| noise | 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/noise.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` |
| option-wheel | 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/option-wheel.json` |
| orb | 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/orb.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` |
| orbit-images | 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/orbit-images.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` |
| paper-crumple | 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/paper-crumple.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` |
| particle-text | registry:ui | Thousands of tiny particles swarm together to spell a word, burst away from the cursor and spring back into place. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/particle-text.json` |
| particles | registry:ui | A drifting constellation that links nearby points and flees the cursor. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/particles.json` |
| peek-rating | 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/peek-rating.json` |
| pill-nav | 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/pill-nav.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-blast | 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-blast.json` |
| pixel-card | registry:ui | A card whose background ripples into a field of twinkling canvas pixels on hover or focus, with built-in color themes. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/pixel-card.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-snow | 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/pixel-snow.json` |
| pixel-swap | 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/pixel-swap.json` |
| pixel-trail | 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/pixel-trail.json` |
| pixel-transition | 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/pixel-transition.json` |
| plasma | 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/plasma.json` |
| plasma-wave | 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/plasma-wave.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` |
| prism | 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/prism.json` |
| prismatic-burst | registry:ui | A radial burst of light rays pulsing outward from the center, split into rainbow fringes by chromatic dispersion. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/prismatic-burst.json` |
| profile-card | 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/profile-card.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` |
| prompt-bar | 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/prompt-bar.json` |
| pulse-heart | 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/pulse-heart.json` |
| radar | registry:ui | A phosphor radar scope: a rotating sweep with a fading trail, range rings, bearing ticks and contacts that ping as the beam passes. WebGL. | `npx shadcn@latest add https://glint-ui-seven.vercel.app/r/radar.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` |
| 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` |

## For AI agents

```text
You are adding components from @glint-ui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.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.vercel.app/json (library slug: glint-ui).
```