Liquid Gradient Hero

Free React Hero Section built with Three.js, Framer Motion.

A premium Hero section featuring a high-performance liquid gradient background driven by Three.js and custom shaders. It includes an interactive touch/mouse trail system, a real-time color adjustment panel, and a custom ergonomic cursor.

Installation

npm install three framer-motion lucide-react

More Hero Sections

• Sagitta Curve Hero – React Hero Section
• Hero Liquid Motion – React Hero Section
• Hero Liquid Section – React Hero Section
• Liquid Gradient Hero V2 – React Hero Section
• Iridescent Liquid Wallet Hero – React Hero Section
• 360° Chromatic Lines Vortex Hero (V2) – React Hero Section

View all React Hero Section Components