3D Card Scroll

Three.js + GSAP 3D Card Scroll

Infinite-scroll 3D cards for Framer, built with Three.js and 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 Have Questions? hello@thedesignfuturist.zip THE DESIGN FUTURIST — Framer Component Library

Three.js + GSAP 3D Card Scroll