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.

Toggle me

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.