3D Card Scroll
Infinite scroll 3D cards for Framer built with Three.js, featuring GSAP-powered micro-interactions for a highly engaging experience.
Make it with Workshop
Build your own component with AI
About this Component
Infinite scroll 3D cards for Framer built with Three.js, featuring GSAP-powered micro-interactions for a highly engaging experience. Adjust camera motion and spatial settings to tailor the scene exactly to your needs.
Customizable Properties
ItemsAdd Image Items, Write Alt Text, And Add Links. (Links Are Added In The Modal.)
Total CountSet The Total Number Of Cards.
Card
Width
Height
Radius
Opacity
Perspective
Thickness
Object Fit: Cover / Contain
Scroll Speed
Depth RangeAdjust The 3D Depth.
CameraAdjust The Camera Angle, Distance, And Perspective To Control The Spatial Feel Of The 3D Scene.
Height
Distance
Perspective
ModalConfigure The Modal That Appears With An Animation When A Card Is Clicked.
Card Scale
Close Button Size
Close Button Background Color
Close Button Background Color (On Hover)
Close Button Icon Color
Close Button Icon Thickness
Close Button Background Blur
