GSAPGSAP Input

GSAP Input

Animated input with gradient border reveal on focus and smooth entry animations using GSAP.

Installation

$ npx @nehal712521/inprogress add gsap-input

Requires: gsap

Preview

Password

Usage

import { GSAPInput } from "@/components/ui/gsap-input";
import { Mail } from "lucide-react";

<GSAPInput 
  label="Email"
  placeholder="Enter your email"
  icon={<Mail className="w-5 h-5" />}
  value={value}
  onChange={setValue}
/>