Interactive Footer 3
End your page under the stars
About this component
About
Interactive Footer 3 pairs a responsive Framer footer with an interactive constellation background. Move your cursor to create gentle parallax and localized light as nearby stars brighten and reveal the names Orion, Cassiopeia, Lyra and Cygnus. A brand area, four navigation groups and six social icons give this celestial footer a practical structure beneath its atmospheric night sky.
What you can customize
Edit your brand name, description, copyright, creator credit, category headings and link labels. Set logo, navigation and social destinations with individual new-tab settings.
Adjust background, text, link, hover and sky accent colors, plus glow intensity, star density and parallax strength. Toggle the interactive background and refine typography, spacing and logo artwork in native Framer layers. The constellation background is code-powered, with reduced-motion support and animation that pauses when out of view.
Great for (examples)
A few places where a starry finish fits naturally:
Designer portfolios and personal websites
Creative studios and digital agencies
SaaS products and developer platforms
Space-inspired brands and astronomy projects
Gaming communities and entertainment sites
Technology launches and product showcases
Digital art and photography portfolios
Dark editorial and immersive brand websites
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?
Complete the page with reflective navigation or an animated CTA:
