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.