Animated componentspro available
@unlumen-ui
Animated components · data updated 2026-07-28
Fully animated, open-source component registry built with React, TypeScript, Tailwind CSS, and Motion (motion/react), installable via the shadcn CLI. Ships 27+ components across categories: buttons (Copy Button, Glow Button, Magnetic Button, Refresh Button), text effects (Count Up, Scramble Text, Shimmering Text, Text Reveal), UI primitives (Clipped Circle, Command Menu, Cursor, Floating Tooltip, Glowing Badge, Kbd, Math Graph, Orbiting Skills, Progressive Blur, Shimmer Skeleton, Slider, Switch, Theme Switch, Tilt Card, Tooltip Preview, Velocity Highlight), and backgrounds (Pixel Background). Free tier plus one-time Pro purchase. Use for: adding polished, animation-forward primitive components without a heavy runtime dependency.
aestheticaianimationbackgroundsbuttonscardschartsdashboarddesign-systemformsglassmorphismhooksiconsloadersmarketingmedianavigationoverlayspro-availableretrotext-effectstheming
Install
npx shadcn@latest add https://ui.unlumen.com/r/registry.jsonHealth
StatusUnknown
Last commit—
License—
Open issues—
ArchivedNo
Stars—
Components (225)
indexgravity-starspixelpixel-liquid-bgsquare-patternwave-backgroundcopyglowrefreshcards-view-iconcompact-view-iconlist-view-iconsidebar-toggle-iconaurora-bluraurora-cardblob-cardai-chatanimate-countanimate-digitsanimate-text-input-typinganimated-listapple-switchaurora-barsclipped-circlecommand-menucount-upcursorcursor-image-traildia-text-revealdockexpand-menuexpandable-navbarfavicon-searchfile-treefloating-navbarfloating-tooltipgithub-graphglowing-badgegooey-navbar-menugooey-svg-filterhighlighthorizontal-depth-fadehover-expandhover-feature-cardshover-image-listinline-testimonialskbdmagnetic-buttonmath-graphmatrixmatrix-imagemotion-faqs-accordionmotion-navigation-menumotion-subtitlemotion-tabs-menunextjs-shiporbital-image-wheelorbiting-skillspage-transitionperspective-flow
Components: index, gravity-stars, pixel, pixel-liquid-bg, square-pattern, wave-background, copy, glow, refresh, cards-view-icon, compact-view-icon, list-view-icon, sidebar-toggle-icon, aurora-blur, aurora-card, blob-card, ai-chat, animate-count, animate-digits, animate-text-input-typing, animated-list, apple-switch, aurora-bars, clipped-circle, command-menu, count-up, cursor, cursor-image-trail, dia-text-reveal, dock, expand-menu, expandable-navbar, favicon-search, file-tree, floating-navbar, floating-tooltip, github-graph, glowing-badge, gooey-navbar-menu, gooey-svg-filter, highlight, horizontal-depth-fade, hover-expand, hover-feature-cards, hover-image-list, inline-testimonials, kbd, magnetic-button, math-graph, matrix, matrix-image, motion-faqs-accordion, motion-navigation-menu, motion-subtitle, motion-tabs-menu, nextjs-ship, orbital-image-wheel, orbiting-skills, page-transition, perspective-flow, pinned-list, pixel-scroll-transition, progressive-blur, scramble-text, scroll-reveal-image, shimmer-skeleton, shimmering-text, side-by-side-slide, sidebar-001, sidebar-002, slider, smart-animate-text, stacked-feature-cards, switch, tag, team-stack, text-reveal, theme-switch, tilt, tilt-card, tooltip-preview, velocity-highlight, vercel-snap-text, vertical-marquee, video-ambient, video-slider, demo-cursor, demo-gravity-stars, demo-pixel, demo-pixel-grid, demo-pixel-liquid-bg, demo-square-pattern, demo-wave-background, demo-copy, demo-glow, demo-refresh, demo-cards-view-icon, demo-compact-view-icon, demo-list-view-icon, demo-sidebar-toggle-icon, demo-aurora-card, demo-blob-card, demo-ai-chat, demo-animate-count, demo-animate-digits, demo-animate-text-input-typing, demo-animated-list, demo-apple-switch, demo-aurora-bars, demo-clipped-circle, demo-command-menu, demo-count-up, demo-cursor-image-trail, demo-dia-text-reveal, demo-dock, demo-expand-menu, demo-expandable-navbar, demo-favicon-search, demo-file-tree, demo-floating-navbar, demo-floating-tooltip, demo-github-graph, demo-glowing-badge, demo-gooey-navbar-menu, demo-gooey-svg-filter, demo-horizontal-depth-fade, demo-hover-expand, demo-hover-feature-cards, demo-hover-image-list, demo-inline-testimonials, demo-kbd, demo-magnetic-button, demo-math-graph, demo-matrix, demo-matrix-image, demo-matrix-image-to-frame, demo-motion-faqs-accordion, demo-motion-navigation-menu, demo-motion-tabs-menu, demo-nextjs-ship, demo-orbital-image-wheel, demo-orbiting-skills, demo-page-transition, demo-perspective-flow, demo-pinned-list, demo-pixel-scroll-transition, demo-progressive-blur, demo-scramble-text, demo-scroll-reveal-image, demo-shimmer-skeleton, demo-shimmering-text, demo-side-by-side-slide, demo-sidebar-001, demo-sidebar-002, demo-slider, demo-slider-range, demo-slider-steps, demo-smart-animate-text, demo-stacked-feature-cards, demo-switch, demo-tag, demo-team-stack, demo-text-reveal, demo-theme-switch, demo-tilt-card, demo-tooltip-preview, demo-vercel-snap-text, demo-vertical-marquee, demo-video-ambient, demo-video-slider, demo-highlight, demo-velocity-highlight, hooks-use-auto-height, hooks-use-controlled-state, hooks-use-data-state, hooks-use-is-in-view, hooks-use-motion-value-state, lib-get-strict-context, pixel-patterns, primitives-animate-avatar-group, primitives-animate-code-block, primitives-animate-cursor, primitives-animate-files, primitives-animate-github-stars, primitives-animate-motion-grid, primitives-animate-pinned-list, primitives-animate-scroll-progress, primitives-animate-slot, primitives-animate-spring, primitives-animate-tabs, primitives-animate-tooltip, button, primitives-buttons-button, primitives-buttons-flip, primitives-buttons-liquid, primitives-buttons-ripple, cursor-primitive, primitives-effects-auto-height, primitives-effects-blur, primitives-effects-click, primitives-effects-effect, primitives-effects-fade, primitives-effects-highlight-nav-menu, primitives-effects-image-zoom, primitives-effects-magnetic, primitives-effects-particles, primitives-effects-shine, primitives-effects-slide, primitives-effects-theme-toggler, primitives-effects-tilt, primitives-effects-velocity-highlight, primitives-effects-zoom, slot, tabs, primitives-texts-counting-number, primitives-texts-gradient, primitives-texts-highlight, primitives-texts-morphing, primitives-texts-rolling, primitives-texts-rotating, primitives-texts-scrolling-number, primitives-texts-shimmering, primitives-texts-sliding-number, primitives-texts-splitting, primitives-texts-typingPreview
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.