---
title: "Grid Ripple — Framer component · Best of Framer"
description: "$5.00 · Framer component · by RAMDIN SINGH · Effects. Description This Framer component renders a fully dynamic grid-ripple animation using an HTML canvas."
canonical: "https://framer.elliotli.dev/component/grid-ripple"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Grid Ripple

# Grid Ripple

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

![Grid Ripple preview image 1](https://framer.elliotli.dev/og/component/grid-ripple/c36256756d6b3dd3/1600x1200.jpg)

## Summary

Description This Framer component renders a fully dynamic grid-ripple animation using an HTML canvas.

## Description

## Description

This Framer component renders a fully dynamic grid-ripple animation using an HTML canvas. Each cell in the grid scales, shifts, and animates outward in a ripple-like motion based on distance from the center, easing curves, and wave-phase timing. The component is highly configurable—allowing you to adjust grid density, animation speed, line styling, color themes, easing functions, and more.

Optimized for responsiveness and performance, the effect scales to any layout size and automatically reduces to a static render in Framer’s canvas or when out of view. Perfect for hero sections, tech-themed backgrounds, motion UI experiments, or subtle animated textures.

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

-   All · #10202

## Details

- **Author**: RAMDIN SINGH
- **Price**: $5.00
- **Published**: 2025-11-25
- **Updated**: 2026-01-03
- **Added**: 2025-11-22
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows