3D ButtonsCube 3D Button

Cube 3D Button

GSAP-powered 3D button with cube rotation effect. Advanced animations for eye-catching interactions.

Installation

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

Preview

Hover to see the 3D cube effect

Usage

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

<GSAP3DButton variant="cube" color="blue">
  Hover Me
</GSAP3DButton>

Props

PropTypeDefaultDescription
variant"cube" | "neon" | "isometric" | "extruded""cube"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