ActiveAnimated componentspro available1
@soralabs
Animated components · data updated 2026-07-28
Motion-first React primitives and animated UI components for shadcn/ui. Copy, customize, and ship fluid interfaces.
animationaudiobackgroundsblocksbuttonscardsdesign-systemformshooksiconsloadersmarketingmedianavigationoverlayspro-availableretro
Install
npx shadcn@latest add https://ui.soralabs.io.vn/r/registry.jsonHealth
StatusActive
Last commit1 month ago
License—
Open issues0
ArchivedNo
Stars1
Components (87)
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-sticky-scroll-cardsdemo-tilt-carddemo-tilt-card-glaredemo-tilt-card-imagedemo-video-playerdemo-bottom-sheetdemo-dia-text-revealdemo-draw-underline-linkdemo-number-flowdemo-text-cursor-loopdemo-text-effectdemo-text-loopdemo-text-morphdemo-text-morph-inputdemo-text-reveal-boxdemo-text-reveal-maskdemo-text-rollhooks-use-auto-heighthooks-use-controlled-statehooks-use-prefers-reduced-motionlib-easelib-get-strict-contextlib-scroll-trigger-utilschar-stagger-buttonparticle-hover-buttonsection-ctaaccordionexpandable-tabsinline-testimonialsborder-trailcursor-bubblecursor-trail-revealcustom-cursordock-navhero-carouselhighlightinfinite-scrolling-images
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-sticky-scroll-cards, demo-tilt-card, demo-tilt-card-glare, demo-tilt-card-image, demo-video-player, demo-bottom-sheet, demo-dia-text-reveal, demo-draw-underline-link, 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, hooks-use-auto-height, hooks-use-controlled-state, hooks-use-prefers-reduced-motion, lib-ease, lib-get-strict-context, lib-scroll-trigger-utils, char-stagger-button, particle-hover-button, section-cta, 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, sticky-scroll-cards, tilt-card, video-player, bottom-sheet, dia-text-reveal, draw-underline-link, 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-underlinePreview
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.