ActiveAnimated componentspro available6
@soralabs
Animated components · data updated 2026-09-05
Motion-first React primitives and animated UI components for shadcn/ui. Copy, customize, and ship fluid interfaces.
accessibilityanimationaudiobackgroundsblocksbuttonscardsdesign-systemformshooksiconsloadersmarketingmedianavigationoverlayspro-availableretro
Install
npx shadcn@latest add https://ui.soralabs.studio/r/registry.jsonHealth
StatusActive
Last committoday
License—
Open issues0
ArchivedNo
Stars6
Components (137)
indexdemo-particle-hover-buttondemo-accordiondemo-expandable-tabsdemo-inline-testimonialsdemo-border-traildemo-border-trail-loadingdemo-border-trail-textareademo-cursor-bubbledemo-cursor-trail-revealdemo-custom-cursordemo-dock-navdemo-hero-carouseldemo-highlightdemo-highlight-clickdemo-infinite-scrolling-imagesdemo-logo-carousel-swapperdemo-magnetic-cardsdemo-pixel-backgrounddemo-progressive-blurdemo-scroll-chaptersdemo-scroll-gallerydemo-skeletondemo-skeleton-shimmerdemo-skeleton-shimmer-basicdemo-sticky-scroll-cardsdemo-tilt-carddemo-tilt-card-imagedemo-video-playerdemo-dia-text-revealdemo-fog-text-revealdemo-number-flowdemo-text-cursor-loopdemo-text-effectdemo-text-loopdemo-text-morphdemo-text-morph-inputdemo-text-reveal-boxdemo-text-reveal-maskdemo-text-rolldemo-typerdemo-base-accordiondemo-base-accordion-bordereddemo-base-accordion-multipledemo-base-accordion-separateddemo-alert-dialogdemo-alert-dialog-smalldemo-buttondemo-button-loadingdemo-button-motiondemo-button-sizesdemo-button-variantsdemo-button-with-icondemo-checkboxdemo-checkbox-carddemo-checkbox-indeterminatedemo-checkbox-with-textdemo-context-menudemo-context-menu-filedemo-dialog
Components: index, demo-particle-hover-button, demo-accordion, demo-expandable-tabs, demo-inline-testimonials, demo-border-trail, demo-border-trail-loading, demo-border-trail-textarea, demo-cursor-bubble, demo-cursor-trail-reveal, demo-custom-cursor, demo-dock-nav, demo-hero-carousel, demo-highlight, demo-highlight-click, demo-infinite-scrolling-images, demo-logo-carousel-swapper, demo-magnetic-cards, demo-pixel-background, demo-progressive-blur, demo-scroll-chapters, demo-scroll-gallery, demo-skeleton, demo-skeleton-shimmer, demo-skeleton-shimmer-basic, demo-sticky-scroll-cards, demo-tilt-card, demo-tilt-card-image, demo-video-player, demo-dia-text-reveal, demo-fog-text-reveal, demo-number-flow, demo-text-cursor-loop, demo-text-effect, demo-text-loop, demo-text-morph, demo-text-morph-input, demo-text-reveal-box, demo-text-reveal-mask, demo-text-roll, demo-typer, demo-base-accordion, demo-base-accordion-bordered, demo-base-accordion-multiple, demo-base-accordion-separated, demo-alert-dialog, demo-alert-dialog-small, demo-button, demo-button-loading, demo-button-motion, demo-button-sizes, demo-button-variants, demo-button-with-icon, demo-checkbox, demo-checkbox-card, demo-checkbox-indeterminate, demo-checkbox-with-text, demo-context-menu, demo-context-menu-file, demo-dialog, demo-dialog-scrollable, demo-dialog-share, demo-radix-button, demo-radix-button-loading, demo-radix-button-motion, demo-radix-button-sizes, demo-radix-button-variants, demo-radix-button-with-icon, demo-radix-checkbox, demo-radix-checkbox-card, demo-radix-checkbox-indeterminate, demo-radix-checkbox-with-text, demo-radix-dialog, demo-radix-dialog-scrollable, demo-radix-dialog-share, hooks-use-auto-height, hooks-use-controlled-state, hooks-use-is-in-view, hooks-use-prefers-reduced-motion, icons-arrow-right, icons-bell, icons-chevrons, icons-icon, lib-scroll-trigger-utils, primitives-animate-slot, particle-hover-button, sliding-chip-button, stagger-button, accordion, expandable-tabs, inline-testimonials, border-trail, cursor-bubble, cursor-trail-reveal, custom-cursor, dock-nav, hero-carousel, highlight, infinite-scrolling-images, logo-carousel-swapper, magnetic-cards, pixel-background, pixel-image-loader, pixelated-image-reveal, progressive-blur, scroll-chapters, scroll-gallery, skeleton, skeleton-shimmer, sticky-scroll-cards, tilt-card, video-player, dia-text-reveal, draw-underline-link, fog-text-reveal, number-flow, rolling-text, text-cursor-loop, text-effect, text-loop, text-morph, text-reveal-block, text-reveal-box, text-reveal-mask, text-roll, text-scramble, text-underline, typer, base-accordion, base-alert-dialog, base-button, base-checkbox, base-context-menu, base-dialog, radix-button, radix-checkbox, radix-dialogPreview
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.