ended3월 15일· 1 sources

Building an Interactive 3D Magnetic Input Field with GSAP & Tailwind CSS

GSAP과 Tailwind CSS로 만드는 인터랙티브 3D 자석 효과 입력 필드

Why it matters

The author built an interactive 3D magnetic input field using HTML, Tailwind CSS, and GSAP. The component features smooth 3D tilt effects based on cursor movement, elastic bounce on focus, and an emerald glow effect, designed for use in search bars, hero CTAs, and newsletter signups.

1
Sources
+0
24h
Growth
184d
Active
GSAPTailwind CSS3D Magnetic EffectInput FieldInteractive UI

Sources

Related Issues