Components
Browse all animated components. Click “Preview” to see them live or “Code” to copy the source.
Buttons
Shimmer Button
A button with a moving shimmer highlight effect on hover.
Pulse Button
A button with radiating pulse ring animations.
Magnetic Button
A button that follows the cursor with a magnetic spring effect.
Inputs
Floating Label Input
An input where the label animates from placeholder to a floating label on focus.
Shake Input
An input that shakes with an error message on invalid input.
Cards
Glow Card
A card with a radial glow that follows the mouse cursor.
Tilt Card
A card with a 3D tilt effect driven by mouse position.
Toggles
Animated Toggle
A smooth spring-animated toggle switch.
Loaders
Spinner Loader
A rotating spinner loading animation.
Dot Loader
Animated dots that scale and fade in sequence.
Wave Loader
Animated bars that wave up and down.
Alerts
Basic Alert
Customizable alert component with different types (info, success, warning, error).
Animated Alert
Auto-closing animated success alert with smooth animations.
Navigation
Animated Navbar
Animated navigation bar with active pill indicator.
Tab Navigation
Smooth tab navigation with animated underline.
Layouts
Animated Container
Container with multiple animation variants (fade, slide, scale, blur).
Staggered List
List items that animate in with a staggered effect.