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:T88f,

Showcase interactive media cards in a curved 3D deck with real-time glow, smooth drag physics, and responsive auto-framing. Built for sleek tech and SaaS sites.

Features

Interactive curved 3D card layout
Multi-pass GLSL edge glow and spectrum aura
Hardware-accelerated Three.js rendering
Direct video and image playback support
Inertial touch and pointer drag controls
Native keyboard and trackpad wheel navigation
Procedural fallback textures for zero asset-load delay
Smart viewport pausing and context-loss recovery
Accessible prefers-reduced-motion integration
Fully responsive canvas scaling across all breakpoints

Customization Options

Card width and height
Card center spacing
Corner radius and 3D tilt angle
Dynamic card bend curvature
Outer aura glow intensity
Film grain texture overlay
Canvas render sharpness (pixel ratio)
Autoplay duration, delay, and step count
Drag interaction and hover-pause toggles
Image fit modes (cover and contain)

How to Use

Drop the component onto your Framer canvas
Add your custom images or MP4/WebM videos
Adjust card dimensions, curvature, and center spacing
Fine-tune the aura glow and grain to match your palette
Set your preferred autoplay intervals and drag physics
Publish to deliver an immersive 3D browsing experience

Use Cases

AI product feature showcases
Creative portfolio project sliders
High-ticket SaaS hero sections
Digital agency client work reels
Dark-mode landing page highlights
Video case study decks
Interactive product feature galleries
Web3 and fintech dashboard overviews

5a:[["$","$L5d",null,{"post":{"id":"01a10cc1-5c35-703a-9895-2685a2a91980","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"b98a0c6d-195f-46fb-9abf-090b475fe09e","name":"Ameva","slug":"ameva","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b98a0c6d-195f-46fb-9abf-090b475fe09e/q91oiwbx","followed":false,"followsYou":false},"media":[],"resources":[{"id":"pQtRkujB9uH7X8NxaNMU","resolved":true,"title":"3D Glow Carousel","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Showcase interactive media cards in a curved 3D deck with real-time glow, smooth drag physics, and responsive auto-framing. Built for sleek tech and SaaS sites."}]},{"type":"customHeading","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive curved 3D card layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multi-pass GLSL edge glow and spectrum aura"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hardware-accelerated Three.js rendering"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Direct video and image playback support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Inertial touch and pointer drag controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Native keyboard and trackpad wheel navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Procedural fallback textures for zero asset-load delay"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smart viewport pausing and context-loss recovery"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Accessible prefers-reduced-motion integration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive canvas scaling across all breakpoints"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Customization Options","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card width and height"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card center spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Corner radius and 3D tilt angle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic card bend curvature"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Outer aura glow intensity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Film grain texture overlay"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Canvas render sharpness (pixel ratio)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay duration, delay, and step count"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag interaction and hover-pause toggles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image fit modes (cover and contain)"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to Use","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"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":"Add your custom images or MP4/WebM videos"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust card dimensions, curvature, and center spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fine-tune the aura glow and grain to match your palette"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set your preferred autoplay intervals and drag physics"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish to deliver an immersive 3D browsing experience"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Use Cases","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"AI product feature showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative portfolio project sliders"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"High-ticket SaaS hero sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Digital agency client work reels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dark-mode landing page highlights"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Video case study decks"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive product feature galleries"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Web3 and fintech dashboard overviews"}]}]}]}]},"introduction":"Curved 3D cards with glowing edges","slug":"3d-glow-carousel","author":{"framerUserId":"b98a0c6d-195f-46fb-9abf-090b475fe09e","name":"Ameva","slug":"ameva","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b98a0c6d-195f-46fb-9abf-090b475fe09e/q91oiwbx","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b98a0c6d-195f-46fb-9abf-090b475fe09e/01a10cc1-31be-717a-a12f-6b6c2384a28e.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-05T15:49:20.281Z","updatedAt":"2026-10-05T15:49:20.281Z","publishedAt":"2026-10-05T15:49:20.278Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://shining-travelers-053866.framer.app/","price":"7","paymentUrl":"https://madebymariam.lemonsqueezy.com/checkout/buy/3b7c984c-0e80-425e-ae77-309bcbb9a133","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"5Lhd4YDyoqs28z4f2sny","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":"2026-10-05T15:49:21.077Z","updatedAt":"2026-10-05T15:49:21.077Z","reported":false}}],"$L5f"]

Suggested for you