Crystal Obsidian Cube

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

A premium, interactive 3D Cube built with React Three Fiber, featuring physical layer rotation mechanics, glossy obsidian glass materials, and environment mapping. Maps 54 distinct Unsplash celebrity images across all faces.

Installation

npm install three @react-three/fiber @react-three/drei

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