360° Chromatic Lines Vortex Hero (V2)

Premium React Hero Section built with Three.js, React Three Fiber, Tailwind CSS.

A dynamic 360° chromatic lines WebGL vortex shader hero section featuring up to 10 separated orbital lines with independent speeds, prismatic RGB dispersion, Jesper Landberg minimalist UI overlay, and custom density controls.

Installation

npm install three @react-three/fiber 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
• Liquid Gradient Hero – React Hero Section
• Iridescent Liquid Wallet Hero – React Hero Section

View all React Hero Section Components