5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T108d,

🎯 Objective

Transform your image galleries into an immersive 3D cube experience that rotates through your content with smooth animations and professional interactions.

🔗 Data Source Integration

CMS Collection Lists - Connect directly to your Framer CMS collections for dynamic content

Gallery Fields - Link to any Gallery type field in your project

Static Images - Use static image components linked to Gallery types for complete control

⚙️ Ultra-Customizable Features

3D Perspective Control - Adjust depth and 3D effect intensity (300-2000px)

Direction Management - Choose horizontal or vertical rotation patterns. ⚠️ You can't set both horizontal & vertical behavior, it's either one or the other (for technical reason with dynamic data handling)

Auto-Play System - Configurable timing and directional auto-rotation

Item Dimensions - Full control over cube face width and height
Background & Styling - Customize colors, border radius, and visual appearance🎬 Animation & Interaction

Smooth Transitions - Configurable animation speed and easing

Hover Effects - Scale animations on mouse interaction

Keyboard Navigation - Arrow key controls for accessibility

Swipe Controls - Trackpad and mouse wheel navigation support⚠️ You can't set both horizontal & vertical behavior, it's either one or the other (for technical reason with dynamic data handling)

🖼️ Lightbox Feature

Full-Screen Viewing - Click any cube face to open in lightbox

Navigation Controls - Built-in arrows and close button

Keyboard Shortcuts - Escape to close, arrow keys to navigate

Customizable Styling - Control background, radius, and button visibility

🎨 Professional Polish

Responsive Design - Works seamlessly across all device sizes

Performance Optimized - Efficient rendering and smooth animations

Accessibility Ready - Keyboard navigation and proper focus management

Mobile Friendly - Touch-optimized interactions and controls💡 Easy Setup
1. Connect your data source (CMS, Gallery, or Static items)
1. Configure dimensions and perspective settings
1. Enable desired features (auto-play, lightbox, hover effects)
1. Customize colors and styling to match your brand

Publish and enjoy your 3D cube carousel !For any question about the setup of the component, updates or improvements, please send us a mail at framermaster1@gmail.com. If you encounter an issue with your purchase, please contact us within 7 days and we’ll do our best to resolve it. Because this is a digital product, all sales are considered final. Once you complete your purchase, you'll get instant access to the Framer component. Since digital items can't be returned, we're not able to offer refunds, exchanges, or cancellations. Refunds are only issued in cases of duplicate charges.Please make sure to review the features and preview materials before buying. If you're unsure or have any questions, feel free to reach out — we're happy to help before you commit.

By completing your purchase, you're confirming you understand and accept these terms.

5a:[["$","$L5d",null,{"post":{"id":"0199e6c3-52f5-71f4-b9a6-95bd461d7cb5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a0731dc2-e627-4a50-81d2-75a7b5791669","name":"Product Dude","slug":"product-dude","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/76312/avatar-SsuYbAXh9sy2AoOnT4NCMkJApE2lG6.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"7E9fmG2evxluGpAJQzBe","resolved":true,"title":"CMS 3D Cube Carousel","body":"$5e","bodyJson":null,"introduction":"","slug":"cms-3d-cube-carousel","author":{"framerUserId":"a0731dc2-e627-4a50-81d2-75a7b5791669","name":"Product Dude","slug":"product-dude","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/76312/avatar-SsuYbAXh9sy2AoOnT4NCMkJApE2lG6.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/7E9fmG2evxluGpAJQzBe/cms-3d-cube-carousel-tFmr798uMAh9pBBTga0gpE4geytyIp","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-06T11:07:27.930Z","updatedAt":"2025-12-05T15:29:28.705Z","publishedAt":"2025-10-15T07:26:24.501Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://intuitive-humans-190793.framer.app/","price":"7","paymentUrl":"https://buy.polar.sh/polar_cl_qat2BQYc2D1cM4o7V2ashwsgtM2d1B7bwrRah409HEa","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"xXtmusWzO1Or1rH6ZH35","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-15T07:26:24.501Z","updatedAt":"2025-10-15T07:26:24.501Z","reported":false}}],"$L5f"]

Suggested for you