Footer Liquid

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

A premium, high-fidelity footer component featuring a refractive 3D liquid text animation at its core. It combines a sophisticated link architecture with a playful yet professional 3D interaction, utilizing MeshTransmissionMaterial for realistic glass aesthetics.

Installation

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

More Footers

• Shader Reveal Footer – React Footer Component
• 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 Bottom – React Footer Component

View all React Footer Components