---
title: "ElasticGridScrollFX — Framer component · Best of Framer"
description: "$15.00 · Framer component · by DiverseKit · Cards. Scroll-driven elastic grid animation"
canonical: "https://framer.elliotli.dev/component/elasticgridscrollfx"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/ElasticGridScrollFX

# ElasticGridScrollFX

Scroll-driven elastic animation

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

![ElasticGridScrollFX preview image 1](https://framer.elliotli.dev/og/component/elasticgridscrollfx/6c0abaab2df40c7d/1600x1200.jpg)

## Summary

Scroll-driven elastic grid animation

## Description

ElasticGridScroll FX is a scroll-reactive Framer component that makes grid items respond with elastic motion when users scroll. Items stretch, bounce, and snap into place, giving a lively, playful feel to the layout.

You can customize grid columns, row spacing, scroll speed, elasticity strength, damping, delay, and easing. Items can also scale, rotate, fade, or move independently for more creative motion.

Supports interactive content like images, cards, or blocks. Fully responsive and performance-optimized, it works beautifully across devices and screen sizes.

Ideal for portfolios, creative galleries, product showcases, dashboards, and landing pages, ElasticGridScroll FX turns ordinary grids into engaging, dynamic experiences that delight users.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-kbdw4u7j-6mO5385rztusS5tXGauB2wo0YopJ3W)](https://diversekit.lemonsqueezy.com/checkout/buy/18e6b00b-cd19-476b-82b5-29e3f7515679)

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

-   All · #7399

## Details

- **Author**: DiverseKit
- **Price**: $15.00
- **Published**: 2026-02-27
- **Updated**: 2026-10-01
- **Added**: 2026-02-21
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards