Animated components
@keyframeui
Animated components · data updated 2026-10-13
Animated React components built with Tailwind CSS, Motion and GSAP, installable with the shadcn CLI.
aianimationaudioblockscardsdashboarddeveloper-toolse-commerceeditorformsloadersmarketingmediaonboarding
Install
npx shadcn@latest add https://keyframeui.com/r/registry.jsonHealth
StatusUnknown
Last commit—
License—
Open issues—
ArchivedNo
Stars—
Components (97)
tilt-cardtilt-card-demotilt-card-pricing-demotilt-card-feature-grid-demoarc-scrollarc-scroll-demoarc-scroll-case-studies-demoarc-scroll-timeline-demoarc-scroll-testimonials-demopluck-stringpluck-string-demopluck-string-strum-demopluck-string-changelog-demozoom-lightboxzoom-lightbox-demozoom-lightbox-products-demozoom-lightbox-case-study-demomorph-searchmorph-search-demomorph-search-command-demomorph-search-docs-demospotlight-tourspotlight-tour-demospotlight-tour-whats-new-demospotlight-tour-form-demoexpand-cardexpand-card-demoexpand-card-changelog-demoexpand-card-shop-democounter-curtaincounter-curtain-democounter-curtain-launch-democounter-curtain-editorial-demoexpanding-heroexpanding-hero-demoexpanding-hero-product-demoexpanding-hero-event-demointro-loaderintro-loader-demointro-loader-lookbook-demointro-loader-wordmark-demoexploded-uiexploded-ui-demoexploded-ui-architecture-demoexploded-ui-design-system-demoodometerodometer-demoodometer-pricing-demoodometer-dashboard-demoodometer-grouping-demoodometer-stats-demohover-previewhover-preview-demohover-preview-team-demohover-preview-journal-demoplayhead-reelplayhead-reel-demoplayhead-reel-changelog-demoplayhead-reel-journal-demosync-grid
Components: tilt-card, tilt-card-demo, tilt-card-pricing-demo, tilt-card-feature-grid-demo, arc-scroll, arc-scroll-demo, arc-scroll-case-studies-demo, arc-scroll-timeline-demo, arc-scroll-testimonials-demo, pluck-string, pluck-string-demo, pluck-string-strum-demo, pluck-string-changelog-demo, zoom-lightbox, zoom-lightbox-demo, zoom-lightbox-products-demo, zoom-lightbox-case-study-demo, morph-search, morph-search-demo, morph-search-command-demo, morph-search-docs-demo, spotlight-tour, spotlight-tour-demo, spotlight-tour-whats-new-demo, spotlight-tour-form-demo, expand-card, expand-card-demo, expand-card-changelog-demo, expand-card-shop-demo, counter-curtain, counter-curtain-demo, counter-curtain-launch-demo, counter-curtain-editorial-demo, expanding-hero, expanding-hero-demo, expanding-hero-product-demo, expanding-hero-event-demo, intro-loader, intro-loader-demo, intro-loader-lookbook-demo, intro-loader-wordmark-demo, exploded-ui, exploded-ui-demo, exploded-ui-architecture-demo, exploded-ui-design-system-demo, odometer, odometer-demo, odometer-pricing-demo, odometer-dashboard-demo, odometer-grouping-demo, odometer-stats-demo, hover-preview, hover-preview-demo, hover-preview-team-demo, hover-preview-journal-demo, playhead-reel, playhead-reel-demo, playhead-reel-changelog-demo, playhead-reel-journal-demo, sync-grid, sync-grid-demo, sync-grid-models-demo, sync-grid-render-demo, sync-grid-redesign-demo, thought-trail, thought-trail-demo, thought-trail-chat-demo, thought-trail-deploy-demo, thought-trail-research-demo, slice-gallery, slice-gallery-demo, slice-gallery-team-demo, slice-gallery-hero-demo, stretch-index, stretch-index-demo, stretch-index-careers-demo, stretch-index-episodes-demo, redline, redline-demo, redline-tokens-demo, redline-handoff-demo, autopilot, autopilot-demo, autopilot-multiplayer-demo, autopilot-onboarding-demo, blueprint, blueprint-demo, blueprint-process-demo, blueprint-dashboard-demo, sentence-form, sentence-form-demo, sentence-form-agent-demo, sentence-form-rsvp-demo, release-pill, release-pill-demo, release-pill-launch-demo, release-pill-devtool-demoPreview
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.