---
title: "3D Surf Gallery CMS — Framer component · Best of Framer"
description: "$15.00 · Framer component · by THE DESIGN FUTURIST · Galleries. CMS-ready infinite scroll 3D gallery."
canonical: "https://framer.elliotli.dev/component/3d-surf-gallery-cms"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/3D Surf Gallery CMS

# 3D Surf Gallery CMS

CMS-ready infinite scroll 3D gallery.

[View on Framer](https://framer.com/marketplace/components/3d-surf-gallery-cms/?via=elliot-li)

![3D Surf Gallery CMS preview image 1](https://framer.elliotli.dev/og/component/3d-surf-gallery-cms/3faab170aba346ef/1600x1200.jpg)

## Summary

CMS-ready infinite scroll 3D gallery.

## Description

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](mailto:hello@thedesignfuturist.zip)

### More Freemium Resources

[https://thedesignfuturist.zip](https://thedesignfuturist.zip)

[![THE DESIGN FUTURIST - Framer Component Library](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-byem5zgu-k0mHjFFv8X3GbdTf0JIlMVhPe1vBBm)](https://thedesignfuturist.zip)THE DESIGN FUTURIST - Framer Component Library

## Rank history [How rankings work →](/terms#rankings)

-   All · #760

## Details

- **Author**: THE DESIGN FUTURIST
- **Price**: $15.00
- **Published**: 2026-04-23
- **Updated**: 2026-06-04
- **Added**: 2026-04-08
- **Categories**: Galleries

## More like this

-   [Infinite Pan Canvas](/component/infinite-pan-canvas) — Aisol Studio · $15 — Endless image wall you can drag
-   [CMS Photo Pile](/component/cms-photo-pile) — Marso Angelov · $10 — Draggable Photo Gallery
-   [CMS Infinity Grid](/component/cms-infinity-grid) — 55N · Free — Boundless exploration.
-   [Endless CMS Reel](/component/endless-cms-reel) — Marso Angelov · $10 — Horizontal Momentum Gallery