A 3D cylinder-shaped infinite card scroll component powered by Three.js.
It includes smooth scrolling and supports links on both images and videos.
For detailed specifications, please refer to the Customizable Properties section.
What is a Framer component?
Framer components allow you to bring modern web technologies into your Framer website without any coding knowledge.
Add components directly into Framer’s native environment without using external tools, and freely customize their properties to fit your design.
Customizable Properties
Mode
Touch / Mouse
Optimized performance for both desktop and touch-based devices.
Theme
Dark / Light
Choose between Dark and Light themes based on lighting conditions.
Items (Array)
Add multiple items and assign links
Media Type: Image / Video
Poster Image for Video
Link
Open in New Tab
Aspect Ratio
1:1, 2:3, 3:2, 3:4, 4:3, 4:5, 16:9, 9:16
3D Scene
Perspective
Controls camera depth and perspective. Adjust scale via zoom in/out.
Columns
Number of items displayed per row.
Gap
Spacing between items.
Animation
Auto Rotation: Enabled / Disabled
Auto Rotation Speed
Preview in Editor: Enabled / Disabled
Interaction
Scroll Shader (Noise): Enabled / Disabled
Hover Shader (Noise): Enabled / Disabled
Hover Shader (Noise) Amount
Smooth Scrolling
Use Lenis: Enabled / Disabled
Amount
License
This product can be used for both personal and commercial purposes. However, redistribution and resale of the product are strictly prohibited. Click here for more information
Refund Policy
All sales of digital products are final and non-refundable.
If you have any questions about a product, please contact us at hello@thedesignfuturist.zip before completing your purchase. We are happy to provide assistance.
A 3D cylinder-shaped infinite card scroll component powered by Three.js.
It includes smooth scrolling and supports links on both images and videos.
For detailed specifications, please refer to the Customizable Properties section.
What is a Framer component?
Framer components allow you to bring modern web technologies into your Framer website without any coding knowledge.
Add components directly into Framer’s native environment without using external tools, and freely customize their properties to fit your design.
Customizable Properties
Mode
Touch / Mouse
Optimized performance for both desktop and touch-based devices.
Theme
Dark / Light
Choose between Dark and Light themes based on lighting conditions.
Items (Array)
Add multiple items and assign links
Media Type: Image / Video
Poster Image for Video
Link
Open in New Tab
Aspect Ratio
1:1, 2:3, 3:2, 3:4, 4:3, 4:5, 16:9, 9:16
3D Scene
Perspective
Controls camera depth and perspective. Adjust scale via zoom in/out.
Columns
Number of items displayed per row.
Gap
Spacing between items.
Animation
Auto Rotation: Enabled / Disabled
Auto Rotation Speed
Preview in Editor: Enabled / Disabled
Interaction
Scroll Shader (Noise): Enabled / Disabled
Hover Shader (Noise): Enabled / Disabled
Hover Shader (Noise) Amount
Smooth Scrolling
Use Lenis: Enabled / Disabled
Amount
License
This product can be used for both personal and commercial purposes. However, redistribution and resale of the product are strictly prohibited. Click here for more information
Refund Policy
All sales of digital products are final and non-refundable.
If you have any questions about a product, please contact us at hello@thedesignfuturist.zip before completing your purchase. We are happy to provide assistance.