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

1. ItemsAdd Image Items, Write Alt Text, And Add Links. (Links Are Added In The Modal.)

2. Total CountSet The Total Number Of Cards.

3. Card

   • Width

   • Height

   • Radius

   • Opacity

   • Perspective

   • Thickness

4. Object Fit: Cover / Contain

5. Scroll Speed

6. Depth RangeAdjust The 3D Depth.

7. CameraAdjust The Camera Angle, Distance, And Perspective To Control The Spatial Feel Of The 3D Scene.

   • Height

   • Distance

   • Perspective

8. 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?

[email protected]