Draggable Grid
0
Used by 0Controls
Draggable Grid
An infinitely draggable image canvas with smooth momentum, responsive layouts, and seamless gallery exploration.
KEY FEATURES
- — Infinite draggable image canvas
- — Smooth drag with momentum
- — Mouse wheel navigation
- — Responsive image grid
- — Customizable image size
- — Adjustable corner radius
- — Flexible grid columns
- — Configurable spacing
- — Click event support
- — Performance optimized
- — Framer-native controls
API Reference
All props map directly to the controls panel sliders and color pickers.
LAYOUT
PROP
TYPE
DEFAULT
DESCRIPTION
items
Array<{ image: responsiveimage, alt: string }>
[...]
Items prop.
columns
number
15
Columns prop.
imageWidth
number
200
Image Width prop.
imageHeight
number
200
Image Height prop.
rounded
number
3
Rounded prop.
gap
number
5
Gap prop.
enableWheel
boolean
false
Wheel prop.
placeholderColor
color
#1a1a1f
Placeholder prop.
