Kinetic Grid
0
Used by 0Controls
Kinetic Grid
An interactive grid background that dynamically reacts to cursor movement with smooth attraction, animated mesh lines, and an optional cursor trail.
KEY FEATURES
- — Cursor-reactive dot grid
- — Dynamic mesh animation
- — Smooth physics-based movement
- — Adjustable attraction strength
- — Customizable grid spacing
- — Configurable interaction radius
- — Optional cursor trail
- — Custom colors
- — High-performance canvas rendering
- — Touch support
- — Framer-native controls
API Reference
All props map directly to the controls panel sliders and color pickers.
LAYOUT
PROP
TYPE
DEFAULT
DESCRIPTION
background
color
#000000
Background prop.
dotColor
color
#FFFFFF
Dots prop.
lineColor
color
#80ACFF
Grid Lines prop.
trail
boolean
true
Trail prop.
trailColor
color
#2664EB
Trail Color prop.
spacing
number
30
Spacing prop.
radius
number
400
Radius prop.
strength
number
4
Attraction prop.
