AnimateUI
A comprehensive animated component library with an interactive playground. Explore 20 beautifully crafted components.
Explore Components20+ Animated Components
Production-ready components with smooth Framer Motion and GSAP animations.
Interactive Playground
Live prop editor with real-time preview. Adjust and see changes instantly.
Dark & Light Themes
CSS custom properties for seamless theme switching without re-renders.
Fully Accessible
WCAG AA compliant with keyboard navigation, ARIA, and screen reader support.
Components
Basic
MagneticButton
A button that magnetically attracts toward the cursor when hovered, creating a playful and interactive feel.
Badge
Animated badges with enter/exit transitions and an optional removable close button.
AvatarGroup
A stacked group of avatar images with overflow count and staggered entrance animation.
Feedback
SpringModal
A modal dialog with spring-based open/close animations and an optional blurred backdrop.
ToastNotification
Animated toast notifications that slide in from a chosen corner with swipe-to-dismiss support.
Tooltip
A lightweight animated tooltip that appears on hover with configurable placement and delay.
SkeletonLoader
Animated placeholder skeletons for loading states, available in multiple shape variants.
ProgressBar
An animated progress bar with spring transitions, striped and indeterminate variants.
Layout
Accordion
Expandable content sections with smooth height animation. Supports single or multiple open panels.
Card3DTilt
A card that tilts in 3D space following the mouse cursor, with an optional glare overlay effect.
Drawer
A slide-out panel that appears from any edge of the screen with smooth spring animation.
Navigation
Tabs
Animated tabbed navigation with a sliding active indicator and smooth content transitions.
CommandPalette
A searchable command palette overlay activated by a keyboard shortcut, with fuzzy filtering.
Breadcrumb
Animated breadcrumb navigation with configurable separators and automatic truncation.
Stepper
A multi-step progress indicator with animated transitions between steps.
Pagination
Animated page navigation with sliding active indicator and smart ellipsis truncation.
Input
DropdownMenu
An animated dropdown menu with staggered item entry and configurable alignment.
ToggleSwitch
A smooth toggle switch with spring animation and optional color variants.
RatingStars
Interactive star rating component with hover preview and spring-animated selection.
FileUpload
A drag-and-drop file upload zone with animated feedback, progress indication, and file type validation.