Interactive Footer 5
Animated footer with star mascot
About this component
About
Interactive Footer 5 combines a newsletter signup, an animated pearl-style star, and three navigation groups in a responsive Framer footer. Its eyes track the cursor; hover brings a wink and nod, while click or tap triggers a greeting.
Numbered headings, dividers, and diagonal arrows organize the links. Hover brings a fine underline, text shift, and arrow movement; the newsletter button adds a color wipe. Desktop, Tablet, and Phone layouts keep this interactive footer readable across screen sizes.
What you can customize
Edit the newsletter label, headline, and description, plus all navigation headings, link labels, destinations, and new-tab settings. Copyright and creator credit have separate links. Adjust backgrounds, text, dividers, focus color, eyes, and shadow.
Replace the character artwork and tune its scale, eye position, blinking, and interaction strength. Refine typography and layout in native Framer layers. The email field has native validation; the button includes Sending, Success, and Error states. Connect your form destination in Framer before publishing.
Great for (examples)
A memorable closing section for:
Designer portfolios and personal websites
Creative agencies and branding studios
SaaS and product landing pages
Creator sites with newsletter signup
Editorial and lifestyle brand websites
Launch pages collecting email subscribers
Agency sites needing footer navigation
Playful community and event websites
Share your build
Used it in a project? 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?
Pair the signup with a matching button, or try another interactive footer:
