Motion-powered button with spring feedback.
import { AnimatedButton } from "@cooud-ui/ui";
npx cooud-ui add animated-button
Generated from the component's exported types.
Extends ButtonProps
No own props — see the extended type above for available props.
On this page
Drop-in replacement for Button that lifts on hover and presses in on tap with a snappy spring.
<div className="flex flex-wrap items-center gap-3"><AnimatedButton variant="primary">Primary</AnimatedButton><AnimatedButton variant="gradient">Gradient</AnimatedButton><AnimatedButton variant="outline">Outline</AnimatedButton><AnimatedButton variant="secondary"><Download />Download</AnimatedButton></div>