Components/Animated Button

Animated Button

A button component with smooth animations and hover effects

Interactive
v1.0.0
public
animation
button
Installation

Requires framer-motion

TypeScript

Fully typed with TypeScript

Customizable

5 configurable props

Interactive Demo

Try out the component with different props and see the changes in real-time.

Preview
Controls

The animation type to apply

Button variant style

Button size

Whether the button is disabled

Last updated: 7/19/2025