About Elastic Footer
Elastic Footer is an interactive footer component for Framer portfolios and studio websites, pairing editable native layers with a playful elastic wordmark.
Features
Cursor waves, drag-to-stretch lettering, and a spring bounce on release.
One-time scroll entrance with staggered letters.
Desktop, Tablet, and Phone variants, plus keyboard interaction.
What you can customize
Edit copy, email, links, layout, and footer colors in Framer.
Change wordmark text, lettering color, drag feel, and entrance. Its background stays transparent.
Enable Advanced for font, stretch, wave, spring, spacing, and stagger settings.
Keep both included code files. Anton loads from Google Fonts by default. Set your links; social icons are placeholders.
Best for
Designer portfolios that use oversized type to make the final section memorable.
Studio websites that bring contact details and navigation into one expressive footer.
Personal brands that want visitors to play with their name before leaving.
Creative landing pages that finish with a scroll reveal and tactile typography.
Share your work
Tag me on X when you launch. I'd love to see it.
Need help?
Questions? Email hello@struxent.com.
Need a matching component?
Continue the bold type and contrast:
Text Block Reveal adds graphic block sweeps to headings; set its block color to your footer palette.
Blend Cursor extends the pointer-led feel with contrasting color effects.
