Components3D Buttons

3D Buttons

A collection of stunning 3D animated buttons with multiple animation libraries. Choose from CSS-based, GSAP-powered, or Framer Motion animations.

Installation

$ npx @nehal712521/inprogress add 3d-buttons

Preview

Lift 3D Button (CSS-based)

Cube 3D Button (GSAP)

Spring 3D Button (Framer Motion)

Usage

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

Available Types

Lift 3D Button

CSS-based 3D animations - lightweight and fast with no dependencies.

5 variants5 colors3 sizes

Cube 3D Button

Powered by GSAP for advanced 3D transformations and smooth animations.

4 variants5 colors3 sizes

Spring 3D Button

Spring physics and smooth animations with Framer Motion.

3 variants5 colors3 sizes