Landing Components
Landing components provide ready-to-use UI sections for your website, including a dynamic 3D footer.
Available Variants
- Footer - With 3D Model
A modern, interactive footer featuring a dynamic 3D model using React Three Fiber.
Features include:- Smooth parallax text animation on scroll
- Customizable 3D model (default Cube provided)
- Responsive navigation and social links
- Flexible language and credit sections
- Easy integration into your UI library with props-driven API
⚠️ Note: This component requires the following dependencies:
npm install three @react-three/fiber @react-three/drei framer-motionYou can also use
bunorpnpmas per your preference.
Dropdown v1
A slide-in animated input field powered by GSAP + Framer Motion,Useful for attention-grabbing UIs where the input should appear with a transition.
Footer 3d
The Footer is a reusable and dynamic component built with React, Tailwind CSS, and React Three Fiber. It includes a customizable 3D background model (default animated Cube) and flexible content areas for links, socials, and credits.