Loading
A shadcn-compatible component registry focused on fluid, animated UI components.
Items
Free to install
Behind a key
Last push
2 days ago
7 stars. Both figures are GitHub's about this repository, not ones this index measured.| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Adaptive Draweradaptive-drawer | A shadcn Drawer that measures panel content and animates height changes. | Components | Free | 2 deps | |
| Check Animationcheck-animation | A pure SVG checkmark animation that draws a square or circle before the check. | Components | Free | no deps · 2 files | |
| Context Cursorcontext-cursor | A scoped custom cursor for pointer-rich surfaces where each target can register its own label, icon, and interaction intent. | Components | Free | 1 dep | |
| Copy Buttoncopy-button | A shadcn Button-based clipboard control with animated copy and success states. | Components | Free | 2 deps | |
| Expandable Dialogexpandable-modal | A shared-layout dialog that expands list items into an accessible detail view. | Components | Free | 1 dep | |
| Expandable Tabsexpandable-tabs | A DynamicIsland-style toolbar whose icon tabs expand into actionable menu or content panels, with full keyboard and ARIA support. | Components | Free | 1 dep | |
| Expandable Toolbarexpandable-toolbar | A controlled or uncontrolled toolbar primitive that measures its action slot and expands from either side. | Components | Free | 1 dep | |
| Expanding Panelexpanding-panel | A floating panel that grows from a compact icon trigger and holds arbitrary content. | Components | Free | 2 deps | |
| Expanding Segmented Tabsexpanding-segmented-tabs | A Motion-powered segmented tab list for switching modes or views, with an active tab that expands from icon-only into a label. | Components | Free | 1 dep | |
| Expanding Sliderexpanding-slider | A composable icon button that grows into a wider button on hover, focus, or drag, revealing a draggable track inside the same surface. | Components | Free | no deps | |
| Expanding Toggle Buttonexpanding-toggle-button | A shadcn toggle button that expands from an icon into an icon-and-label action while keeping the icon anchored. | Components | Free | 1 dep | |
| Feedback Popoverfeedback-popover | A Motion-powered feedback popover that expands from a trigger, supports keyboard submission, and confirms receipt inline. | Components | Free | 2 deps | |
| Floating Selectfloating-select | A single-button floating select that expands into an animated option list. | Components | Free | 1 dep | |
| Heartbeat Animationheartbeat-animation | A Motion-powered heartbeat primitive with a projected shadow layer and reduced-motion support. | Components | Free | 1 dep | |
| Highlight Tabshighlight-tabs | A Motion-powered tab list with a shared highlight indicator and keyboard navigation. | Components | Free | 1 dep | |
| Jitter Animationjitter-animation | A jitter animation primitive plus a ready-made vibration icon. | Components | Free | 1 dep · 2 files | |
| Multi-Step Flowmulti-step | A Motion-powered multi-step container that slides between steps and animates height changes. | Components | Free | 1 dep | |
| Navigation Menunavigation-menu | A Base UI navigation menu with centered popups, animated viewport sizing, and shadcn-style composition. | Components | Free | 3 deps | |
| OTP Inputotp-input | A fixed-slot one-time passcode input with paste, autofill, error shake, and animated success feedback. | Components | Free | 1 dep | |
| Play Buttonplay-button | A circular media toggle whose glyph morphs between a play triangle and pause bars, with a ghost or frosted over-video surface. | Components | Free | 1 dep | |
| Projected Shadow Animationprojected-shadow-animation | A CSS-powered primitive that layers an element with projected and contact shadows, then gathers them on hover or active state. | Components | Free | no deps · 2 files | |
| Smooth Height Layoutsmooth-height | A Motion-powered layout primitive that observes content size and animates height changes. | Components | Free | 1 dep | |
| Squeeze Animationsqueeze-animation | A squeeze animation primitive plus a ready-made SVG card icon. | Components | Free | no deps · 2 files | |
| Staggered Liststaggered-entrance | A CSS-powered staggered entrance primitive for lists, cards, steps, rows, and search results. | Components | Free | no deps · 2 files | |
| Status Badgestatus-badge | A compact animated badge for status labels with icon and text slot transitions. | Components | Free | 2 deps | |
| Status Buttonstatus-button | A shadcn Button-based action that transitions through idle, loading, and success states. | Components | Free | 1 dep | |
| Morphing Texttext-morph | A Motion-powered text primitive that morphs matching characters between string updates. | Components | Free | 1 dep |
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Scroll Expand & Focus Heroscroll-expand | An art-directed scroll hero that expands a detail into context or focuses a full-bleed scene into a discovery. | Blocks | Free | no deps · 2 files |
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| useElementHeightuse-element-height | A client-safe React hook that measures an element's height with ResizeObserver so a container can animate between content heights. | Hooks | Free | no deps | |
| useElementSizeMapuse-element-size-map | A client-safe React hook that measures multiple keyed element sizes with ResizeObserver so animated shells can morph to active content. | Hooks | Free | no deps | |
| useReducedMotionuse-reduced-motion | A client-safe React hook for reading prefers-reduced-motion and reacting to preference changes. | Hooks | Free | no deps | |
| useScrollAnchoruse-scroll-anchor | A client-safe React hook that parks a selected item at a fixed anchor point in a scroll container, with a configurable easing and duration — the click-to-scroll behavior for navigation panels, command palettes, and step lists. | Hooks | Free | no deps | |
| useScrollProgressuse-scroll-progress | A render-free vertical scroll progress hook for window or element scrollers with optional time-based smoothing. | Hooks | Free | no deps |