5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3jpuro209qqra.js","/creators-assets/_next/static/immutable/chunks/077g_l9cwe8hz.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/2ouyrs2yz196q.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3orcs6a8eyfvz.js","/creators-assets/_next/static/immutable/chunks/3-tcb9ouhlqkm.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/120zfy8hqrcwf.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/1p31g3z3kho5v.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/2885u7skzba5_.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/1fo1h_o5odhhk.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v-er0xp5q011.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/2rwbpl35w01v4.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/0djs9po3g19ek.js","/creators-assets/_next/static/immutable/chunks/1_ej2mmnwnp37.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2_qutx8yar-up.js","/creators-assets/_next/static/immutable/chunks/0bcmpcsc4ih7d.js"],"PostDetailCard"] 5d:T8cd,

About

VibeFlow Carousel brings a premium, deeply immersive 3D presentation layer to your Framer projects. Drop it into a team showcase, a portfolio gallery, or a featured product section, and let your users glide through content with seamless, organic depth. It is built to feel exceptionally smooth, giving your site that high end,

What it does

Renders a fully dynamic coverflow layout that handles multi card arrangements with realistic 3D perspective, smart spacing, and fluid depth layering.

What you can customize

Layout & Perspective: Set your exact card width and height, adjust card border radius, tweak the side card 3D rotation angle, control X and Z offsets, and change the overall camera perspective and visible card count on each side.
Animations & Interaction: Toggle mouse wheel, keyboard, or drag navigation on/off, adjust drag sensitivity sliders, and choose between snappy springs, smooth eases, or linear transition curves.
Visual Styling: Enable or disable soft background gradients with precise top and bottom hex controls. Toggle reflections on/off while adjusting height, opacity, blur radius, and soft gradient masks. You can also customize center scaling, soft drop shadows, and modern arrow button styles.
Typography & Content: Fully control fonts, text sizes, and colors for names, roles, and subtitles. Toggle detail visibility below cards, set custom CTA button labels, and configure default click-through links seamlessly.

Great for

Meet the team and agency profile pages
Premium portfolio item showcases
Luxury brand feature galleries
Digital product or media carousels
High end landing pages looking for a distinct visual anchor

Share your build

If you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I would love to see what you create.

Need help?

Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb

59:[["$","$L5c",null,{"post":{"id":"019f2bd5-bc3d-7539-a82e-49c406af0c3b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj dilshan","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"0zOHm4CKOWZylubuUuuD","resolved":true,"title":"CoverflowCarouselPro","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"VibeFlow Carousel brings a premium, deeply immersive 3D presentation layer to your Framer projects. Drop it into a team showcase, a portfolio gallery, or a featured product section, and let your users glide through content with seamless, organic depth. It is built to feel exceptionally smooth, giving your site that high end, "}]},{"type":"customHeading","content":[{"type":"text","text":"What it does"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Renders a fully dynamic coverflow layout that handles multi card arrangements with realistic 3D perspective, smart spacing, and fluid depth layering. "}]},{"type":"customHeading","content":[{"type":"text","text":"What you can customize"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layout & Perspective:","marks":[{"type":"bold"}]},{"type":"text","text":" Set your exact card width and height, adjust card border radius, tweak the side card 3D rotation angle, control X and Z offsets, and change the overall camera perspective and visible card count on each side."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animations & Interaction:","marks":[{"type":"bold"}]},{"type":"text","text":" Toggle mouse wheel, keyboard, or drag navigation on/off, adjust drag sensitivity sliders, and choose between snappy springs, smooth eases, or linear transition curves."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Visual Styling:","marks":[{"type":"bold"}]},{"type":"text","text":" Enable or disable soft background gradients with precise top and bottom hex controls. Toggle reflections on/off while adjusting height, opacity, blur radius, and soft gradient masks. You can also customize center scaling, soft drop shadows, and modern arrow button styles."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Typography & Content:","marks":[{"type":"bold"}]},{"type":"text","text":" Fully control fonts, text sizes, and colors for names, roles, and subtitles. Toggle detail visibility below cards, set custom CTA button labels, and configure default click-through links seamlessly."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Great for"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet the team and agency profile pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium portfolio item showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Luxury brand feature galleries"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Digital product or media carousels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"High end landing pages looking for a distinct visual anchor"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Share your build"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I would love to see what you create."}]},{"type":"customHeading","content":[{"type":"text","text":"Need help?"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Questions or feedback? Reach me anytime: "},{"type":"text","text":"dulajdilshan766@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:dulajdilshan766@gmail.com","target":"_blank"}}]},{"type":"text","text":" or on X @Dulajweb"}]}]},"introduction":"Ultra smooth 3D coverflow","slug":"coverflowcarouselpro","author":{"framerUserId":"0bce05c0-4760-4da5-b2f4-851230a1db47","name":"Dulaj dilshan","slug":"dulaj-dilshan-gy7b4j","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/132150/avatar-ZgETawWJyCuMuzgHBdPTUADcWJAJWn.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bce05c0-4760-4da5-b2f4-851230a1db47/70dsk3iu"}],"post":null,"createdAt":"2026-07-04T06:34:15.424Z","updatedAt":"2026-08-22T14:15:03.301Z","publishedAt":"2026-07-04T06:34:15.420Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://coverflowcarouselpro.framer.website/","price":"8","paymentUrl":"https://buy.polar.sh/polar_cl_kEhhc4pYgog4u1iSYbsPstFFE9aqjbPiEra4D4GFmWx","workshop":true,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"kheJSwpPHFbfB94jzr3b"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-04T06:34:15.485Z","updatedAt":"2026-07-04T06:34:15.485Z","reported":false}}],"$L5e"]

Suggested for you