Magnetic Ripple Grid

Magnetic Ripple Grid
Magnetic Ripple Grid

About Magnetic Ripple Grid

Magnetic Ripple Grid Property Controls
Magnetic Ripple Grid Property Controls

Features

  • Immersive dot grid with magnetic motion, glow, and ripple effects

  • Fully customizable columns, rows, dot size, and corner radius

  • Adjustable influence radius and magnet strength for fluid, natural interaction

  • Optional connecting lines with configurable opacity

  • Ripple effects with fine-tuned control over strength, speed, and width

  • Glowing highlights with customizable color and intensity

  • Smooth, responsive animations optimized for performance

  • Simple color controls to match any design system

  • Fully responsive across all screen sizes

  • Lightweight, canvas-based implementation for seamless interactivity

How to Use

  • Add the Magnetic Ripple Grid to your frame

  • Resize to fit your layout

  • Adjust style to match your design

  • Preview and publish to see dynamic, interactive animations in action

Bring motion, depth, and interactivity to any screen with effortless setup.

From Shouvik Biswas

Parallax Reveal
Nova Pixels
True Parallax Image
Border Glow Pro

Related Components

Gradient Depth Blur
Pro Liquid Shader
Confetti Heart
Fluid Image