3D Surf Gallery CMS

Connect your Framer CMS variables to build a seamless 3D infinite scroll gallery. Built with Three.js, this component integrates directly with your CMS collection, allowing users to click through to Detail pages or open a Lightbox. A clean, high-performance solution for any portfolio website.

Customizable Properties

1. Image

2. Title

3. When Clicked : Link

   • Link

   • New Tab(Yes/No)

4. When Clicked : Lightbox

   • Padding(px)

   • Image Border Radius(px)

   • Background Color

   • Backdrop Blur(px)

   • Close Icon(Show/Hide)

   • Close Icon Type(Default/Upload)

   • Close Icon Size(px)

   • Close Icon Color

   • Close Icon Hover Color

   • Arrow Icon(Show/Hide)

   • Arrow Icon Type(Default/Upload)

   • Arrow Icon Size(px)

   • Arrow Icon Color

   • Arrow Icon Hover Color

   • Arrow Icon Padding

   • Arrow Icon Background Color

   • Arrow Icon Radius

   • Arrow Icon Margin

5. Card Style

   • Width(px)

   • Radius(px)

   • Gap(px)

   • 3D Effect(Enabled/Disabled)

6. Scene

   • Perspective

   • Tilt(°)

   • Diagonal Flow(°)

7. Scroll Speed

8. Intro Animation(Enabled/Disabled)

9. Progress Bar(Show/Hide)

Have Questions?

hello@thedesignfuturist.zip

More Freemium Resources

https://thedesignfuturist.zip