3D ButtonsSpring 3D Button

Spring 3D Button

Framer Motion-powered 3D button with spring physics. Playful, bouncy animations that feel responsive.

Installation

$ npx @nehal712521/inprogress add spring-3d-button

Preview

Click to feel the spring effect

Usage

import { FramerMotion3DButton } from "@/components/3d-buttons";

<FramerMotion3DButton variant="spring" color="green">
  Try Me
</FramerMotion3DButton>

Props

PropTypeDefaultDescription
variant"spring" | "depth" | "rotate""spring"Animation variant
color"blue" | "purple" | "green" | "orange" | "red""blue"Button color scheme
size"sm" | "md" | "lg""md"Button size
onClick() => void-Click handler
disabledbooleanfalseDisable button