Interactive Footer 9
Liquid metal that follows you
About this component
About
Interactive Footer 9 brings a sculptural liquid-metal centerpiece to the end of your Framer website. Move your cursor and Ferro leans toward it, grows magnetic spikes and responds to clicks with a pulse before settling back. Five link columns and a centered contact CTA make it a complete, responsive site footer.
What you can customize
Edit the five navigation groups, their headings and links, the CTA, copyright and “Made by” credit. Set individual destinations and new-tab behavior. Match the scene to your brand with background, text, hover, metal and sheen colors; the sheen also colors the soft glow behind Ferro. The nested object offers deeper control over gloss, iridescence, magnetism, spikes, reflection and motion.
Native Framer layers make the footer easy to adapt. Desktop and Tablet spread the links across five columns; Phone arranges them in a compact grid above the drop and CTA. Rolling link labels and a color-wipe button add detail. Reduced-motion and no-WebGL visitors see a static alternative.
Great for (examples)
A few ways to give the final section of your site a memorable finish:
Creative portfolios and independent designers
Digital studios and agency websites
SaaS and digital product landing pages
Experimental brands and interactive websites
Technology startups and product launches
3D-inspired portfolios and case studies
Personal brands with a standout contact CTA
Sites needing sitemap, social, legal and service links
Share your build
Made something with it? Tag me on X @Matthias_Oel, I’d love to see your version.
Need help?
Questions or feedback? Reach me at matthias@lmvision.de or on X @Matthias_Oel.
Need a matching component?
Carry the metallic detail through the rest of your site:
