3D Image Hover — Free React & Next.js Hover Effects Component

GSAP multi-layer image hover with shape controls (rect/circle/diamond/hexagon), toggle effects (rotation/blur/color/opacity/parallax/3D), and live slider tuning.

3D Image Hover is a premium hover effects component for React and Next.js applications. Built with Tailwind CSS, GSAP animations. Copy-paste ready. Part of the ValvetUI component library.

Installation

Install with CLI: npx shadcn add @valvetui/image-hover-3d

Category

Hover Effects — Interactive hover animations, cursor effects, and mouse-driven interactions

Tags

• 3d
• image
• hover
• gsap
• parallax
• shape
• interactive

Dependencies

• gsap