---
title: "ElasticGridPro — Free Framer component · Best of Framer"
description: "Free Framer component · by Creative Apes · Backgrounds. High-Performance Kinetic Grid Engine"
canonical: "https://framer.elliotli.dev/component/elasticgridpro"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/ElasticGridPro

# ElasticGridPro

High-Performance Kinetic Grid Engine

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

![ElasticGridPro preview image 1](https://framer.elliotli.dev/og/component/elasticgridpro/86e1ae41450a1bc9/1600x1200.jpg)

## Summary

High-Performance Kinetic Grid Engine

## Description

## Elevate Your Digital Canvas

Elastic Grid Pro is not just another background pattern; it is a sophisticated **Kinetic Fabric Engine** built for Framer designers who demand performance and polish. This component reimagines the traditional grid as a reactive, physical entity that bends, ripples, and glows in direct response to user behavior.

### Engineered for Performance

Unlike standard SVG or DOM-based grids that lag under heavy interaction, Elastic Grid Pro utilizes low-level **TypedArrays (Float32Array)** and the HTML5 Canvas API. This ensures that even with hundreds of interactive points, your site remains locked at a buttery-smooth **60FPS**, providing a premium feel that won't compromise your SEO or page load speeds.

### Advanced Physics & Interaction

Choose between three distinct interaction profiles:

\- **Magnetic Pull:** Attracts grid lines toward the cursor, creating a deep sense of focus.

\- **Repulsive Push:** Displaces the grid away from the cursor for a tactile, physical barrier effect.

\- **Fluid Wave:** Generates rippling dynamics that simulate a surface made of liquid energy.

### Complete Design Sovereignty

Take full control of the aesthetic with comprehensive property controls. Adjust the **Perspective Tilt** to create a 3D floor or ceiling effect, customize the **Ambient Wave Engine** to keep the site alive during idle states, and fine-tune the **Glow & Speculars** to match your brand's unique lighting profile.

### Technical Capabilities

\- **Variable Cell Density:** Define the exact scale of your grid system.

\- **Elasticity & Damping:** Control the 'snap-back' intensity and movement friction.

\- **3D Perspective Control:** Rotate the grid on the X-axis for panoramic depth.

\- **Radial Glow Tracking:** Interactive light source that follows the cursor through the mesh.

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

-   All · #2276

## Details

- **Author**: Creative Apes
- **Published**: 2026-05-31
- **Updated**: 2026-04-16
- **Added**: 2026-04-06
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background