Registry

Component Library

Browse 26 production-ready animated components. Copy the code and drop it into your project.

Dynamic Island

Fluid expansion from a compact pill into contextual status content.

hero2 deps

Fluid Tabs

Segmented control with spring-driven active background motion.

input1 dep

Morphing Dialog

Shared-element transition from card preview to expanded modal.

hero2 deps

Magnet Button

Pointer-reactive button with subtle magnetic attraction.

input1 dep

Infinite Scroll Columns

Opposing marquee columns for testimonials and visual loops.

motion

Floating Toolbar

Minimalist navigation pill with precise layout transitions.

motion2 deps

Pulse Badge

Status indicators with animated pulsing rings and glow.

input1 dep

Shimmer Text

Text with a sweeping gradient shimmer effect.

motion1 dep

Tilt Card

3D perspective card that responds to cursor position.

hero2 deps

Toggle Switch

Spring-animated toggle with icon morph transitions.

input2 deps

Ripple Button

Click-reactive button with expanding ripple waves.

input2 deps

Animated Counter

Spring-driven number counters that animate on mount.

motion2 deps

Breathing Glow

Pulsing glow orbs with layered blur breathing effect.

motion2 deps

Stagger List

Animated task list with staggered enter and exit transitions.

hero2 deps

Flip Card

3D card flip with spring physics and backface reveal.

hero2 deps

Elastic Drawer

Spring-powered expandable drawer with staggered items.

input2 deps

Animated Toast

Stackable toast notifications with spring enter/exit and swipe dismiss.

feedback2 deps

Skeleton Loader

Animated placeholder shimmer for loading states.

feedback1 dep

Hover Card

Spring-animated popover card that appears on hover.

overlay1 dep

Animated Accordion

Collapsible FAQ sections with spring height transitions.

input2 deps

Command Palette

Spotlight-style search modal with keyboard navigation.

overlay2 deps

Drag Reorder

Sortable list with drag-and-drop layout animations.

input2 deps

Animated Progress

Spring-driven progress bars that animate to target values.

feedback1 dep

Typewriter Text

Text that types and deletes itself through rotating phrases.

motion1 dep

Scroll Reveal

Elements that animate in as they enter the viewport.

motion2 deps

Confetti Button

Button with particle burst celebration effect on click.

feedback2 deps