---
title: "3D Image Wheel CMS — Framer component · Best of Framer"
description: "$15.00 · Framer component · by THE DESIGN FUTURIST · Galleries. 3D Image Wheel with Direct CMS Sync"
canonical: "https://framer.elliotli.dev/component/3d-image-wheel-cms"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/3D Image Wheel CMS

# 3D Image Wheel CMS

3D Image Wheel with Direct CMS Sync

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

![3D Image Wheel CMS preview image 1](https://framer.elliotli.dev/og/component/3d-image-wheel-cms/b0948c0c864506bb/1600x1200.jpg)

## Summary

3D Image Wheel with Direct CMS Sync

## Description

This Three.js 3D Image Wheel syncs instantly with your Framer CMS. Connect fields to display items and link to detail pages in seconds. Fully touch-optimized and high-performance, it’s the fastest way to build a stunning, professional portfolio.

### Customizable Properties

1.  **Content & CMS**
    
    **Image**: Connect your CMS image field.
    
    **Title**: Connect your CMS text field for the hover overlay.
    
    **Link**: Connect your CMS link or detail page.
    
    **Open in New Tab**: Toggle to open links in a new browser tab.
    
    **Item Repeat**: Set how many times the CMS items repeat to fill the 3D wheel (1x to 10x).
    
2.  **Card Style**
    
    **Width**: Adjust the width of the 3D cards (px).
    
    **Height**: Adjust the height of the 3D cards (px).
    
    **Radius**: Set the corner radius for the 3D card geometry (px).
    
3.  **Preview Style (Hover Overlay)**
    
    **Width**: Set the width of the hover preview window.
    
    **Height**: Set the height of the hover preview window.
    
    **Position**: Choose from 7 layout positions (Top Left, Center, Bottom Right, etc.).
    
    **Radius**: Set the corner radius of the preview image.
    
    **Font**: Fully customize the title font (Family, Size, Weight, Alignment).
    
    **Text Color**: Set the color for the preview title text.
    
4.  **Intro Animation**
    
    **Enabled**: Toggle the startup rotation animation.
    
    **Physics**: Customize the rotation feel using Framer’s transition settings (Spring/Tween).
    
    **Spins**: Set the number of rotations during the intro (0 to 20).
    

### Have Questions?

[hello@thedesignfuturist.zip](mailto:hello@thedesignfuturist.zip)

### More Freemium Resources

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

[![THE DESIGN FUTURIST: Framer Resources](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-bkr0554v-JXA9SXmN8mTgk2k2XSetNgiga0VJP0)](https://thedesignfuturist.zip)THE DESIGN FUTURIST: Framer Resources

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

-   All · #2647

## Details

- **Author**: THE DESIGN FUTURIST
- **Price**: $15.00
- **Published**: 2026-04-15
- **Updated**: 2026-06-04
- **Added**: 2026-04-04
- **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