Interactive Footer 2
Flowers moved by your cursor
About this component
About
Interactive Footer 2 brings a field of blooms to your Framer website. Move the cursor to send gentle gusts through the flowers: stems bend and flower heads follow with soft, delayed motion. Touch dragging creates the same breezy interaction. An editable brand area and three navigation groups complete this responsive botanical footer, with optional ambient swaying.
What you can customize
Edit the wordmark, description, copyright, navigation headings, link labels and destinations. Customize background, text and stem colors, flower density, scale, wind strength and ambient motion. Add optional links to the logo and flower field, with separate new-tab settings.
The layout uses native Framer layers for typography and design edits, paired with a code-powered flower animation. Replace the six flower illustrations using a transparent image arranged in a 3 × 2 grid. Desktop, Tablet and Phone variants include keyboard focus and reduced-motion support.
Great for (examples)
Just a few ideas, use it anywhere your last section could use a little life:
Creative portfolios and independent designer websites
Design studios, branding and illustration agencies
Florists, floral designers and botanical brands
Lifestyle brands and nature-inspired businesses
Garden studios and landscape design portfolios
Wedding creatives and event design websites
Wellness studios and boutique hospitality
Personal websites and editorial projects
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?
Explore another playful footer or add animated signups:
