ActiveAnimated componentspro available12
@soralabs
Animated components · data updated 2026-10-27
Motion-first React primitives and animated UI components for shadcn/ui. Copy, customize, and ship fluid interfaces.
animationaudioblocksbuttonscardsdesign-systemformshooksiconsloadersmarketingmedianavigationoverlayspro-availableretro
Install
npx shadcn@latest add https://ui.soralabs.studio/r/registry.jsonHealth
StatusActive
Last committoday
License—
Open issues0
ArchivedNo
Stars12
Components (69)
indexcursor-trail-revealinfinite-scrolling-imagesscroll-chaptersscroll-gallerysticky-scroll-cardstext-reveal-boxtilt-slide-transitionhooks-use-auto-heighthooks-use-controlled-statehooks-use-prefers-reduced-motionicons-arrow-righticons-bellicons-chevronsicons-copylib-scroll-trigger-utilsparticle-hover-buttonsliding-chip-buttonstagger-buttonaccordionexpandable-tabsinline-testimonialscursor-bubblehero-carouselhighlightlogo-carousel-swappermagnetic-cardspixel-image-loaderprogressive-blurskeletonskeleton-shimmertilt-cardvideo-playerdia-text-revealdraw-underline-linkdual-wipe-revealfog-text-revealhover-linknumber-flowrolling-texttext-cursor-looptext-effecttext-looptext-morphtext-reveal-blocktext-reveal-masktext-rolltext-scrambletyperbase-accordionbase-alert-dialogbase-buttonbase-checkboxbase-context-menubase-dialogbase-dropdown-menubase-inputbase-switchbase-tooltipradix-accordion
Components: index, cursor-trail-reveal, infinite-scrolling-images, scroll-chapters, scroll-gallery, sticky-scroll-cards, text-reveal-box, tilt-slide-transition, hooks-use-auto-height, hooks-use-controlled-state, hooks-use-prefers-reduced-motion, icons-arrow-right, icons-bell, icons-chevrons, icons-copy, lib-scroll-trigger-utils, particle-hover-button, sliding-chip-button, stagger-button, accordion, expandable-tabs, inline-testimonials, cursor-bubble, hero-carousel, highlight, logo-carousel-swapper, magnetic-cards, pixel-image-loader, progressive-blur, skeleton, skeleton-shimmer, tilt-card, video-player, dia-text-reveal, draw-underline-link, dual-wipe-reveal, fog-text-reveal, hover-link, number-flow, rolling-text, text-cursor-loop, text-effect, text-loop, text-morph, text-reveal-block, text-reveal-mask, text-roll, text-scramble, typer, base-accordion, base-alert-dialog, base-button, base-checkbox, base-context-menu, base-dialog, base-dropdown-menu, base-input, base-switch, base-tooltip, radix-accordion, radix-alert-dialog, radix-button, radix-checkbox, radix-context-menu, radix-dialog, radix-dropdown-menu, radix-input, radix-switch, radix-tooltipPreview
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.