Shader Reveal Footer

Premium React Footer Component built with Three.js, React Three Fiber, GLSL, Tailwind CSS.

An ultra-premium footer integration powered by GLSL shaders. It features a sophisticated wave distortion and grayscale-to-color transition that dynamically follows the mouse movement, creating a "clarity focus" effect on your brand assets.

Installation

npm install framer-motion lucide-react three @react-three/fiber @react-three/drei

More Footers

• Liquid Reveal Footer – React Footer Component
• Brush Reveal Footer – React Footer Component
• Modern 3D Footer – React Footer Component
• Sticky Reveal Footer – React Footer Component
• Footer Liquid – React Footer Component
• Footer Bottom – React Footer Component

View all React Footer Components