ActiveAnimated components3
@glint-ui
Animated components · data updated 2026-10-10
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-systemformsglassmorphismhooksiconsmarketingmedianavigationonboardingoverlaysretrotext-effects
Install
npx shadcn@latest add https://glint-ui-seven.vercel.app/r/registry.jsonHealth
StatusActive
Last commit1 week ago
License—
Open issues0
ArchivedNo
Stars3
Components (354)
accordionaccordion-galleryacid-squaresaero-shardsalert-dialoganimated-buttonanimated-contentanimated-listanimated-tabsanimated-testimonialsannouncementantigravityarc-sidebarascii-textaspect-ratioauroraaurora-dotsavataravatar-groupbackground-pathsbadgeballpitbars-wavebeamsbeams-upstreambell-togglebento-gridblob-cursorblur-textbolt-strikebounce-cardsbranched-menububble-menubuttoncalendarcall-chipcardcard-flipcard-navcard-swapcarouselcheckboxchecklist-cellchroma-gridcircular-gallerycircular-textclick-sparkclockcode-blockcode-slotscollapsiblecolor-bendscolumn-linescomet-dialcosmic-backgroundcount-upcountercrosshaircrt-warpcubes
Components: accordion, accordion-gallery, acid-squares, aero-shards, alert-dialog, animated-button, animated-content, animated-list, animated-tabs, animated-testimonials, announcement, antigravity, arc-sidebar, ascii-text, aspect-ratio, aurora, aurora-dots, avatar, avatar-group, background-paths, badge, ballpit, bars-wave, beams, beams-upstream, bell-toggle, bento-grid, blob-cursor, blur-text, bolt-strike, bounce-cards, branched-menu, bubble-menu, button, calendar, call-chip, card, card-flip, card-nav, card-swap, carousel, checkbox, checklist-cell, chroma-grid, circular-gallery, circular-text, click-spark, clock, code-block, code-slots, collapsible, color-bends, column-lines, comet-dial, cosmic-background, count-up, counter, crosshair, crt-warp, cubes, cursor-grid, cursor-highlight, curved-input, curved-loop, dark-veil, decay-card, decorated-text, decrypted-text, depth-carousel, depth-text, dialog, dither, dither-veil, dock, dodge-field, dome-gallery, dot-field, dot-grid, dot-wave, draggable-avatar, drawer, drift-card, drift-wall, dropdown-menu, dual-sparks, duration-picker, dynamic-island, echo-text, elastic-mesh, elastic-slider, electric-border, electric-logo, electric-text, evil-eye, expandable-cards, expandable-dock, facescape, fade-content, falling-text, fancy-text, faulty-terminal, feature-showcase, ferrofluid, flashy-card, flex-carousel, flex-navbar, flip-card, flip-flow, flip-stack, floating-lines, flowing-menu, fluid-glass, flying-posters, fold-text, folder, folder-float, folder-tree, follow-cursor, fuse-button, fuzzy-text, galaxy, ghost-cursor, ghost-fibers, github-activity, glare-hover, glass-card, glass-icons, glass-surface, glide-select, glint-bot, glitch-text, globe, globe-wireframe, glow-border, glow-cursor, gooey-nav, gradient-blinds, gradient-text, gradient-waves, gradual-blur, grain-gradient, gravity, grid-background, grid-distortion, grid-motion, grid-scan, halftone-reveal, hold-to-confirm, hover-card, hyperlink, hyperspeed, image-trail, infinite-canvas, infinite-menu, infinite-spiral, input, input-otp, interactive-input, iphone-mockup, iridescence, jelly-radio, kbd, keyboard, kinetic-testimonials, label, lamp-hero, lanyard, laser-flow, lattice-loader, layer-stack, layered-button, layered-text, lean-card, letter-glitch, light-pillar, light-rays, light-tunnel, lightfall, lightning, line-sidebar, line-waves, liquid-chrome, liquid-ether, loader, login-form, logo-stepper, luminescent-flows, lustre-text, magic-bento, magic-rings, magnet, magnet-lines, marquee, masked-heading, masonry, matrix-orb, media-card, meta-balls, metallic-paint, meteor-orbit, meteors, model-viewer, modern-loader, molten-metal, morning-widget, morph-slider, morph-text, morphy-button, motion-cards, motion-grid, motion-navbar, moving-lines, navbar-flow, noise, not-found, number-ticker, option-wheel, orb, orb-button, orbit-images, page-transition, pagination, paper-crumple, parallax-cards, particle-text, particles, peek-rating, pill-nav, pixel-background, pixel-blast, pixel-card, pixel-highlight, pixel-snow, pixel-swap, pixel-trail, pixel-transition, plasma, plasma-wave, popover, prism, prismatic-burst, profile-card, progress, prompt-bar, pulse-heart, radar, radial-flow, radial-socials, radio-group, reel, refine-frame, reflective-card, reveal-text, ribbons, ripple-distortion, ripple-grid, rotating-text, rubber-segment, scanner, scrambled-text, scroll-area, scroll-expand, scroll-float, scroll-reveal, scroll-stack, scroll-velocity, scrub-field, search-cell, select, sensitive-text, separator, shape-blur, shape-waves, sheet, shiny-button, shiny-text, shredder, shuffle-text, side-rays, signup-form, silk, sliced-waves, slide-commit, slide-text, slider, sling-button, slosh-gauge, social-orbit, soft-aurora, spark-waves, specular-button, splash-cursor, split-flap-text, split-text, splitter, spotlight-card, spring-check, squares-grid, squish-switch, stagger-button, stagger-chars, staggered-menu, stats-carousel, stats-count, status, status-mark, stepper, sticker-peel, strands, stripe-button, striped-grid, stroke-text, swarm-cursor, swipe-row, swipe-stack, swipe-toast, swirl, table, tabs, target-cursor, task-widget, tear-ticket, tech-text, testimonial-carousel, text-cursor, text-generate, text-highlighter, text-loop, text-modifier, text-pressure, text-spotlight, theme-toggle, thought-line, threads, thunder-loader, tilt-card, timeline, toast, toggle-vault, tooltip, topography, true-focus, typewriter, variable-proximity, venom-beam, vercel-card, voice-pill, wake-slider, warm-tooltip, warp-text, waves, wavy-button, web-threads, white-stripesPreview
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