Registries
ActiveAnimated components7

@ericts

Animated components · MIT · data updated 2026-09-05

Motion-focused shadcn-compatible components, hooks, and blocks for polished React interfaces.

@ericts preview
animationaudioauthblocksbuttonscardsformshooksiconsloadersmapsnavigationoverlays

Install

npx shadcn@latest add https://ui.ericts.com/r/registry.json

Health

StatusActive
Last commit2 days ago
LicenseMIT
Open issues0
ArchivedNo
Stars7

Components (52)

smooth-heightcopy-buttonicon-swaplikelike-buttonstatus-buttonexpandable-toggle-buttonplay-buttonsliding-play-buttonfloating-shortcut-buttonarc-menustatus-badgefloating-selectexpandable-sliderexpandable-toolbarcheck-markshy-heartjittersqueezeheartbeatprojected-shadowotp-inputadaptive-switchnav-linkhighlight-tabssliding-listrail-listrail-stagemermaid-diagramexpandable-segmented-tabsexpandable-tabsexpandable-panelnavigation-menutext-morphtimerexpandable-dialogcontext-cursorfeedback-popovermulti-stepadaptive-drawerstaggered-entrancescroll-expandripple-scenevertical-scenedeck-liftuse-scroll-progressuse-swipe-navigationuse-sequence-playeruse-reduced-motionuse-element-heightuse-element-size-mapuse-scroll-anchor
Components: smooth-height, copy-button, icon-swap, like, like-button, status-button, expandable-toggle-button, play-button, sliding-play-button, floating-shortcut-button, arc-menu, status-badge, floating-select, expandable-slider, expandable-toolbar, check-mark, shy-heart, jitter, squeeze, heartbeat, projected-shadow, otp-input, adaptive-switch, nav-link, highlight-tabs, sliding-list, rail-list, rail-stage, mermaid-diagram, expandable-segmented-tabs, expandable-tabs, expandable-panel, navigation-menu, text-morph, timer, expandable-dialog, context-cursor, feedback-popover, multi-step, adaptive-drawer, staggered-entrance, scroll-expand, ripple-scene, vertical-scene, deck-lift, use-scroll-progress, use-swipe-navigation, use-sequence-player, use-reduced-motion, use-element-height, use-element-size-map, use-scroll-anchor

Preview

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.

@ericts · smooth-height

npx shadcn@latest add https://ui.ericts.com/r/smooth-height.json
View source