---
title: "Elastic Footer FX — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Hasan Wali · Sections. Fully Responsive Scroll Elastic Footer"
canonical: "https://framer.elliotli.dev/component/elastic-footer-fx"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Elastic Footer FX

# Elastic Footer FX

Fully Responsive Scroll Elastic Footer

[View on Framer](https://framer.com/marketplace/components/elastic-footer-fx/?via=elliot-li)

![Elastic Footer FX preview image 1](https://framer.elliotli.dev/og/component/elastic-footer-fx/88be42f1bad534ac/1600x1200.jpg)

## Summary

Fully Responsive Scroll Elastic Footer

## Description

**About this Component**

Bring subtle motion and personality to your layouts with a scroll-responsive elastic footer.

This component uses a spring-based system to create a smooth, bouncy surface that reacts to scroll direction and speed—stretching down as you scroll and lifting up as you reverse. The result feels natural, responsive, and surprisingly satisfying.

Unlike static footers, this is fully responsive and adapts seamlessly across desktop, tablet, and mobile without breaking layout or interaction.

No hacks. No heavy libraries. No performance issues.

Just drop it in and it works.

**Perfect For:**

Landing page endingsPortfolio websitesCreative agency sitesProduct pagesInteractive storytelling layoutsModern UI experiments

**Key Features:**

Fully responsive across all breakpoints (desktop, tablet, mobile)Scroll-reactive elastic motion (down + up behavior)Spring physics-based animation (stiffness + damping controls)Gradient or solid color fill modesAdjustable bend depth and scroll sensitivitySmooth, natural motion with no jankOptional noise texture overlayLightweight and performance-friendly (no external libraries)

**How to Use:**

Place the component at the bottom of your layoutAdjust bend depth, sensitivity, and motion feelChoose gradient or solid color stylingToggle noise overlay if needed

**Important Note**

This component is fully responsive and tested across breakpoints. It scales fluidly without layout breaking or fixed-width issues, making it safe to use in real production layouts.

Questions? Reach out at [hasanwali6890@gmail.com](mailto:reem@ireem.net)

**Refund Policy**

All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer's remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase.

## Rank history [How rankings work →](/terms#rankings)

-   All · #8268

## Details

- **Author**: Hasan Wali
- **Price**: $5.00
- **Published**: 2026-05-07
- **Updated**: 2026-05-07
- **Added**: 2026-04-28
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes