GSAPGSAP Card

GSAP Card

3D tilt card with mouse-following glow effect and shimmer border animations using GSAP.

Installation

$ npx @nehal712521/inprogress add gsap-card

Requires: gsap

Preview

3D Tilt Card

Move your mouse over this card to see the 3D tilt effect and following glow!

Usage

import { GSAPCard, GSAPCardHeader, GSAPCardTitle, GSAPCardContent } from "@/components/ui/gsap-card";

<GSAPCard glowColor="#0ea5e9">
  <GSAPCardHeader>
    <GSAPCardTitle>Card Title</GSAPCardTitle>
  </GSAPCardHeader>
  <GSAPCardContent>Content here</GSAPCardContent>
</GSAPCard>