About Liquid Metal Footer
About
Liquid Metal Footer brings an animated metallic edge to your Framer website, combining brand content, newsletter signup and organized navigation in one complete footer. A flowing liquid-metal surface frames the content, with a matching submit button and subtle link hover effects.
Six Light and Dark variants provide Desktop, Tablet and Phone layouts. The newsletter form includes required email validation and loading, success and error button states, with a consistent button width throughout submission.
What you can customize
Edit your tagline, newsletter heading, email placeholder, submit label and three navigation groups with 12 links. Set individual destinations and new-tab behavior, show or hide the logo, and customize linked copyright and credit text.
Adjust background, text, muted and hover colors, metallic edge width, hover-light intensity and liquid intensity. Refine typography and layout in native Framer layers. The metallic finish comes from a nested effect component. Connect the form to your preferred submission destination and assign the appropriate layout at each breakpoint.
Great for (examples)
Use it wherever navigation, brand details and email signup belong together:
Creative portfolios and personal websites
Design studios and digital agencies
SaaS landing pages and software products
Startup websites and product launches
Newsletter-led brands and creator websites
Technology companies and developer tools
Editorial sites and resource libraries
Light or dark websites with metallic accents
Share your build
If you ship something cool with it, post it on X and tag me @Matthias_Oel, or send it over. I’d love to see what you create.
Need help?
Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.
Need a matching component?
Carry the metallic finish across your navigation and calls to action:
