3D ButtonsLift 3D Button

Lift 3D Button

CSS-based 3D button that lifts up on hover. Lightweight, fast, and requires no external dependencies.

Installation

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

Preview

Hover to see the lift effect

Usage

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

<Motion3DButton variant="lift" color="blue">
  Click Me
</Motion3DButton>

Props

PropTypeDefaultDescription
variant"lift" | "press" | "slide" | "flip" | "glow""lift"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