ActiveAnimated components6
@glint-ui
Animated components · data updated 2026-10-27
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.
3danimationbackgroundsblocksbuttonscardsdashboarddesign-systemglassmorphismhooksmapsmarketingmedianavigationonboardingoverlaystext-effects
Install
npx shadcn@latest add https://glint-ui-seven.vercel.app/r/registry.jsonHealth
StatusActive
Last commit1 week ago
License—
Open issues0
ArchivedNo
Stars6
Components (354)
accordionafter-cursorafterimage-typealert-dialoganimated-buttonanimated-tabsanimated-testimonialsannouncementarc-framearc-marqueearc-sidebarascii-textask-boxaspect-ratioaurora-dotsavataravatar-groupbackground-pathsbadgebadge-strapbars-wavebayer-wavesbead-binbead-traybeam-pourbeam-splitterbeams-upstreambend-ribbonbento-gridbit-flurrybitmask-veilbleed-revealblind-lightblob-lampblock-dissolvebob-shapesbolt-strikebracket-focusbrick-galleryburn-buttonbuttoncalendarcardcard-flipcascade-listcharge-bandcheckboxchecklist-cellchrome-pourcipher-revealclockcloth-wirecobwebcode-blockcollapsiblecolumn-driftcolumn-linescontour-mapcosmic-backgroundcrease-type
Components: accordion, after-cursor, afterimage-type, alert-dialog, animated-button, animated-tabs, animated-testimonials, announcement, arc-frame, arc-marquee, arc-sidebar, ascii-text, ask-box, aspect-ratio, aurora-dots, avatar, avatar-group, background-paths, badge, badge-strap, bars-wave, bayer-waves, bead-bin, bead-tray, beam-pour, beam-splitter, beams-upstream, bend-ribbon, bento-grid, bit-flurry, bitmask-veil, bleed-reveal, blind-light, blob-lamp, block-dissolve, bob-shapes, bolt-strike, bracket-focus, brick-gallery, burn-button, button, calendar, card, card-flip, cascade-list, charge-band, checkbox, checklist-cell, chrome-pour, cipher-reveal, clock, cloth-wire, cobweb, code-block, collapsible, column-drift, column-lines, contour-map, cosmic-background, crease-type, crt-warp, crumple-delete, current-trace, cursor-highlight, deck-cycle, decorated-text, departure-board, dialog, dot-terrain, dot-wave, draggable-avatar, drawer, drift-card, drip-range, droop-field, drop-nav, dropdown-menu, droplet-tabs, drum-picker, dual-sparks, duration-picker, dynamic-island, edge-fog, electric-text, ellipse-photos, ember-cells, ember-path, enter-view, expandable-cards, expandable-dock, extrude-type, facescape, fancy-text, feature-showcase, file-lift, file-pocket, filings, film-grain, fizz-menu, flashy-card, flex-navbar, fling-confirm, fling-toast, flip-flow, flip-stack, flock-trail, flood-pills, focus-outline, focus-pull, fog-deck, foil-sweep, folder-tree, follow-cursor, fork-flash, frost-tiles, github-activity, glass-card, glass-drift, glint-bot, globe, globe-menu, globe-wireframe, gloss-pill, glow-border, glow-eddies, glow-sphere, glyph-hover, glyph-spill, glyph-storm, god-rays, goo-chaser, goo-radio, grain-gradient, gravity, grid-background, grow-panels, hairline-coords, halo-follow, halo-rings, haze-shafts, heat-haze, helix-cards, hold-to-confirm, holo-badge, hover-card, hover-shelf, hud-type, hue-folds, hyperlink, infinite-canvas, ink-fluid, input, input-otp, interactive-input, iphone-mockup, iso-pulse, kbd, keyboard, kinetic-testimonials, label, lamp-hero, lava-gloss, layer-stack, layer-swells, layered-button, layered-text, lean-card, lean-tip, lens-follow, letter-rise, like-pop, line-roll, lit-bento, loader, lock-on, login-form, logo-stepper, luminescent-flows, lustre-text, magma-crust, marquee, mask-wipe, matrix-orb, media-card, melt-card, memo-pill, meteor-orbit, meteors, mirror-ripple, model-studio, modern-loader, mono-spotlight, morning-widget, morph-text, morphy-button, mosaic-flip, mote-field, motion-cards, motion-grid, motion-navbar, moving-lines, navbar-flow, near-bold, neon-checker, neon-floor, night-fold, north-glow, not-found, number-ticker, odometer, oil-film, orb-button, otp-reels, outline-fill, page-transition, pagination, panel-glide, panorama-sphere, parallax-cards, parallax-strings, pastel-curtains, peekaboo-stars, peel-decal, phosphor-wall, photo-fan, photo-wake, pin-matrix, pin-pile, pixel-background, pixel-highlight, pixel-shock, pop-check, popover, poster-stream, print-dots, progress, pull-hover, radial-flow, radial-socials, radio-group, read-focus, reasoning-trace, reel, refract-panel, reveal-text, ring-pill, ring-switch, ring-tunnel, ring-type, rip-stub, rise-chars, rope-curtain, row-slide, rubber-range, ruler-input, satin-folds, scroll-area, search-cell, select, sensitive-text, separator, sheen-card, sheen-type, sheet, shiny-button, shuffle-text, shy-button, signal-glitch, signup-form, slat-light, slide-text, slider, slingshot, smoke-column, snap-crop, snap-slides, social-orbit, spark-waves, spectrum-burst, spike-blob, spiral-stars, splitter, sprout-menu, squares-grid, squash-toggle, stagger-button, stagger-chars, state-icon, static-type, stats-carousel, stats-count, status, step-flow, streak-rain, streamers, stretch-rail, stretch-tabs, strip-delete, strip-gradient, stripe-button, striped-grid, surge-marquee, swarm-word, sweep-line, sweep-menu, sweep-scope, swipe-action, swipe-stack, swirl, table, tabs, tail-knob, tally, tank-gauge, tap-burst, tap-flip, task-widget, testimonial-carousel, text-generate, text-highlighter, text-modifier, text-spotlight, theme-toggle, thunder-loader, tide-lines, tile-smear, tilt-blocks, tilt-card, timeline, tint-type, toast, toggle-vault, tooltip, torch-card, trail-range, twine, twinkle-card, typewriter, unblur-heading, updraft-dust, venom-beam, vercel-card, warp-highway, watcher-iris, water-image, wave-mesh, wavy-button, weave-lines, weight-press, white-stripes, wipe-menu, wisp-fibers, word-cycle, word-pilePreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.
@glint-ui · accordion
npx shadcn@latest add https://glint-ui-seven.vercel.app/r/accordion.jsonView source