5d:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rc641binzbjp.js","/creators-assets/_next/static/immutable/chunks/12ci1vsd8nj4u.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/2ply_q-h6u_2z.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/1pb7yncyfm9fe.js","/creators-assets/_next/static/immutable/chunks/1j6jg0y72xk13.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/03itqfxm4gmj8.js","/creators-assets/_next/static/immutable/chunks/114fkj16mhe97.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/16inv17cv83xq.js","/creators-assets/_next/static/immutable/chunks/2760bhhttj0zo.js","/creators-assets/_next/static/immutable/chunks/3_z6gb0g1nigd.js","/creators-assets/_next/static/immutable/chunks/3vlbhrh3-zofo.js","/creators-assets/_next/static/immutable/chunks/120bipr4k16wv.js","/creators-assets/_next/static/immutable/chunks/3ea2l_ol8wqqa.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1zr4ew02k6y_l.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/08ajsjh8ypdt2.js","/creators-assets/_next/static/immutable/chunks/1ddgh6mv1wg4x.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3t6k2_m2gc3-k.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0w6oa8_ba59u4.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/3c3kl-ixsd844.js"],"PostDetailCard"] 5e:T893,

Add a premium, highly interactive 3D rotating gallery to your Framer site with seamless WebGL rendering, a stunning frosted glass effect, and ultra-smooth swipe physics for images and videos.

Features

Real-time WebGL-powered 3D rendering
Smooth damped rotation physics
Interactive swipe, drag, and scroll controls
Premium frosted glass cylinder overlay
Built-in video and high-res image support
Smart auto-play with interaction pause
Highly optimized rendering (pauses when out of view)
Dynamic color management built-in
Clickable external linking for every card
Fully responsive to any screen size

Customization Options

Number of visible cards
Carousel arc radius and camera distance
3D cone tilt angle
Card dimensions and corner radius
Card brightness, contrast, and saturation
Glass tint color and base opacity
Glass edge glow intensity and thickness
Auto-rotation speed and swipe sensitivity
Motion smoothness damping
Snap-to-card auto-alignment toggle

How to Use

Drop the component onto your Framer canvas
Upload your images or videos in the properties panel
Add custom destination URLs for each card
Adjust the camera distance and cylinder radius
Fine-tune the frosted glass tint and edge glow to match your brand
Publish to instantly upgrade your website's interactivity

Use Cases

Premium SaaS feature showcases
Interactive portfolio galleries
Dynamic e-commerce product displays
Web3 and crypto landing pages
Cinematic video and photo reels
Futuristic dark mode interfaces
Immersive testimonials sliders
AI tool interface previews

5a:[["$","$L5d",null,{"post":{"id":"01a003d6-2b6c-701b-9239-3cf2a242211e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"682fc11e-0644-4920-8b94-8b794b0ece9e","name":"Saadat Ali","slug":"saadat-ali-designsbysadat","avatar":"https://framerusercontent.com/avatars/users/682fc11e-0644-4920-8b94-8b794b0ece9e/OrcFwpGK4","followed":false,"followsYou":false},"media":[],"resources":[{"id":"lqKbZae5HglmaVBPTTAm","resolved":true,"title":"3D Glass Carousel","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Add a premium, highly interactive 3D rotating gallery to your Framer site with seamless WebGL rendering, a stunning frosted glass effect, and ultra-smooth swipe physics for images and videos."}]},{"type":"customHeading","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real-time WebGL-powered 3D rendering"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth damped rotation physics"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive swipe, drag, and scroll controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium frosted glass cylinder overlay"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in video and high-res image support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smart auto-play with interaction pause"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Highly optimized rendering (pauses when out of view)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic color management built-in"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clickable external linking for every card"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive to any screen size"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Customization Options","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Number of visible cards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Carousel arc radius and camera distance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D cone tilt angle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card dimensions and corner radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card brightness, contrast, and saturation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Glass tint color and base opacity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Glass edge glow intensity and thickness"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto-rotation speed and swipe sensitivity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Motion smoothness damping"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Snap-to-card auto-alignment toggle"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to Use","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop the component onto your Framer canvas"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Upload your images or videos in the properties panel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add custom destination URLs for each card"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust the camera distance and cylinder radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fine-tune the frosted glass tint and edge glow to match your brand"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish to instantly upgrade your website's interactivity"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Use Cases","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium SaaS feature showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive portfolio galleries"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic e-commerce product displays"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Web3 and crypto landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic video and photo reels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Futuristic dark mode interfaces"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Immersive testimonials sliders"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"AI tool interface previews"}]}]}]}]},"introduction":"Interactive WebGL 3D glass gallery","slug":"3d-glass-carousel","author":{"framerUserId":"682fc11e-0644-4920-8b94-8b794b0ece9e","name":"Saadat Ali","slug":"saadat-ali-designsbysadat","avatar":"https://framerusercontent.com/avatars/users/682fc11e-0644-4920-8b94-8b794b0ece9e/OrcFwpGK4","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/682fc11e-0644-4920-8b94-8b794b0ece9e/01a003d6-1b1d-77de-9299-0ecf966d4110.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-15T05:12:42.103Z","updatedAt":"2026-08-23T06:41:16.810Z","publishedAt":"2026-08-15T05:12:42.101Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://welcomed-experience-850387.framer.app","price":"9","paymentUrl":"https://designsbysadat.lemonsqueezy.com/checkout/buy/e79d4a57-d37a-4ff3-8b4d-22fa5e02174a","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"xm0r9xq4qCezqbda1Fi5","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-15T05:12:42.605Z","updatedAt":"2026-08-15T05:12:42.605Z","reported":false}}],"$L5f"]

Suggested for you