Documentation
v1.3
GETTING STARTED
Premium element
ShowCase
Dimension Reel
Dimension Reel is a responsive, customizable component that displays images in a 3D perspective view with multiple rows of infinitely scrolling content and elegant hover effects.
Preview
Quick Setup
data-dimension-reel=true
Required
Main selector applied to a div or container element that identifies it as a dimension reel container.
Advanced configuration
data-dimension-reel-rows
Optional
Sets the number of horizontal rows to display.
Default: 3 (2 on mobile)
data-dimension-reel-speed
Optional
Controls the scrolling speed of the rows in pixels per second.
Default: 20
data-dimension-reel-gap
Optional
Sets the gap between items in pixels.
Default: 20
data-dimension-reel-item-height
Optional
Sets the height of each item in pixels.
Default: 180
data-dimension-reel-row-[row]-item-[number]
Optional
URLs for items specific to a particular row (row 1-3, items 1-12).
We're here to help
Choose how you'd like to connect with our support team
Contact Support
Get help from our team of experts
Response within 24 hours