ActiveAnimated components2
@heyompatil
Animated components · MIT · data updated 2026-10-17
Crafted UI components, micro-interactions, and visual effects for React and Next.js.
animationaudioauthbackgroundsblocksbuttonscardschartscmshooksiconsloadersmapsmarketingmedianavigationtheming
Install
npx shadcn@latest add https://heyompatil.me/r/registry.jsonHealth
StatusActive
Last commit1 day ago
LicenseMIT
Open issues0
ArchivedNo
Stars2
Components (76)
hapticget-github-dataget-openpanel-overviewuse-sounduse-controllable-stateuitheme-switchertext-flipapple-hello-effectapple-hello-effect-hindiapple-hello-effect-spanishapple-hello-effect-vietnameseswipe-actionswheel-pickerchevrons-up-down-icontypographywork-experienceshimmering-textslide-to-unlocktestimonials-marqueetestimonialgithub-starsscroll-fade-effectconsent-managercopy-buttoncode-block-commandtestimonial-spotlightglow-card-gridmiddle-truncationtwemojielastic-slidercontribution-graphgithub-contributionstoc-minimapfluid-gradient-textbrand-assets-menuicon-swapdot-grid-spotlightspinning-circular-textmobius-loop-iconlogos-carousellogos-fliptestimonial-2line-navshare-menuspotlight-logotimescalestatus-buttoncarbon-adsapple-carouseljpg-card-holdergithub-repo-listgithub-contribution-listlogin-01hero-01blog-01blog-02testimonials-01testimonials-02experience-01
Components: haptic, get-github-data, get-openpanel-overview, use-sound, use-controllable-state, ui, theme-switcher, text-flip, apple-hello-effect, apple-hello-effect-hindi, apple-hello-effect-spanish, apple-hello-effect-vietnamese, swipe-actions, wheel-picker, chevrons-up-down-icon, typography, work-experience, shimmering-text, slide-to-unlock, testimonials-marquee, testimonial, github-stars, scroll-fade-effect, consent-manager, copy-button, code-block-command, testimonial-spotlight, glow-card-grid, middle-truncation, twemoji, elastic-slider, contribution-graph, github-contributions, toc-minimap, fluid-gradient-text, brand-assets-menu, icon-swap, dot-grid-spotlight, spinning-circular-text, mobius-loop-icon, logos-carousel, logos-flip, testimonial-2, line-nav, share-menu, spotlight-logo, timescale, status-button, carbon-ads, apple-carousel, jpg-card-holder, github-repo-list, github-contribution-list, login-01, hero-01, blog-01, blog-02, testimonials-01, testimonials-02, experience-01, team-01, metrics-01, social-links-01, social-proof-01, not-found-01, open-source-01, support-01, style, theme-toggle-effect-triangle, theme-toggle-effect-triangle-blur, theme-toggle-effect-circle, theme-toggle-effect-circle-blur, theme-toggle-effect-circle-blur-top-left, theme-toggle-effect-polygon, theme-toggle-effect-polygon-gradient, thin-scrollbarPreview
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.