56:I[473921,["/creators-assets/_next/static/immutable/chunks/456dxp3afc8vw.js","/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0bntpu9zyiup3.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/3npaj8f4glbs_.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/2knggklfeqwdv.js","/creators-assets/_next/static/immutable/chunks/18e_sauhpyyit.js","/creators-assets/_next/static/immutable/chunks/13xqrk3e5k8yu.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1yn3k6g09tq32.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/2n9qmawfhavju.js","/creators-assets/_next/static/immutable/chunks/0m8lhf01xskqj.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/439i_r5_4eszl.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/26fs9mkd8gzie.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/2eiu9v0ook5ln.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/0u_jiik6ovv_e.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/1tvhyiuh-gmez.js"],"PostDetailCard"] 57:T92a,

Showcase your projects, products, or portfolios with a fluid, continuous 3D carousel. Liquid Ribbon Carousel projects cards along an undulating 3D sine wave, arc, or flat ribbon. Complete with physics-based drag inertia, interactive cursor spotlighting, card tilt, and automatic infinite looping.

Key Features

3D Wave Trajectories: Flow cards along customizable Sine, Arc, or Flat paths with adjustable amplitude, roll, frequency, and 3D twist.
Seamless Ribbon Stitching: Use negative gaps to overlap cards into a continuous, unbroken visual strip.
Fluid Physics & Controls: Smooth drag inertia with friction tuning, trackpad wheel scrolling, keyboard navigation, and card snapping.
Interactive Hover Effects: Dynamic radial spotlight illumination, 3D card tilt, and subtle image zoom on hover.
Atmospheric Depth: Background cards gracefully fade, shrink, and blur based on 3D distance and camera perspective.
Responsive & Infinite: Virtual card replication ensures continuous, smooth infinite loops across all screen sizes.

Property Controls

Items: Add unlimited cards with custom responsive images, titles, subtitles, and click-through links.
Layout & Wave: Tune card width/height, overlap gap, perspective, wave shape (Ribbon/Arc/Flat), amplitude, depth, and twist angles.
Motion: Adjust autoplay speed, scroll direction, pause-on-hover delay, momentum friction, and snap-to-card.
Interaction: Toggle drag, trackpad, arrow keys, click-to-center, card tilt intensity, and radial spotlight glow.
Text & Arrows: Full typography styling, gradient scrim overlays, and optional floating navigation arrows.

Quick Start Guide

Drag the component onto your Framer canvas.
Add your items under the Items control list.
Choose your path shape in Wave (e.g. Ribbon or Arc).
Customize your typography, colors, and preview the live motion!

53:[["$","$L56",null,{"post":{"id":"019e64d9-90f1-71e5-8616-9910d4c6d024","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"f4924de8-9236-488c-918b-7df9feddcf59","name":"Evixel Studio","slug":"evixelstudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1040899/avatar-rKy5PSsrJCXqvyoypsvKcOaOtAEZd4.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"BRSAEgqLh2KqFnouSJoP","resolved":true,"title":"GalleryTide","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Showcase your projects, products, or portfolios with a fluid, continuous 3D carousel. Liquid Ribbon Carousel projects cards along an undulating 3D sine wave, arc, or flat ribbon. Complete with physics-based drag inertia, interactive cursor spotlighting, card tilt, and automatic infinite looping."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Wave Trajectories:","marks":[{"type":"bold"}]},{"type":"text","text":" Flow cards along customizable Sine, Arc, or Flat paths with adjustable amplitude, roll, frequency, and 3D twist."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Seamless Ribbon Stitching:","marks":[{"type":"bold"}]},{"type":"text","text":" Use negative gaps to overlap cards into a continuous, unbroken visual strip."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fluid Physics & Controls:","marks":[{"type":"bold"}]},{"type":"text","text":" Smooth drag inertia with friction tuning, trackpad wheel scrolling, keyboard navigation, and card snapping."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Hover Effects:","marks":[{"type":"bold"}]},{"type":"text","text":" Dynamic radial spotlight illumination, 3D card tilt, and subtle image zoom on hover."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Atmospheric Depth:","marks":[{"type":"bold"}]},{"type":"text","text":" Background cards gracefully fade, shrink, and blur based on 3D distance and camera perspective."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive & Infinite:","marks":[{"type":"bold"}]},{"type":"text","text":" Virtual card replication ensures continuous, smooth infinite loops across all screen sizes."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Property Controls"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Items:","marks":[{"type":"bold"}]},{"type":"text","text":" Add unlimited cards with custom responsive images, titles, subtitles, and click-through links."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layout & Wave:","marks":[{"type":"bold"}]},{"type":"text","text":" Tune card width/height, overlap gap, perspective, wave shape (Ribbon/Arc/Flat), amplitude, depth, and twist angles."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Motion:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust autoplay speed, scroll direction, pause-on-hover delay, momentum friction, and snap-to-card."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interaction:","marks":[{"type":"bold"}]},{"type":"text","text":" Toggle drag, trackpad, arrow keys, click-to-center, card tilt intensity, and radial spotlight glow."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text & Arrows:","marks":[{"type":"bold"}]},{"type":"text","text":" Full typography styling, gradient scrim overlays, and optional floating navigation arrows."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Quick Start Guide"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag the component onto your Framer canvas."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add your items under the "},{"type":"text","text":"Items","marks":[{"type":"bold"}]},{"type":"text","text":" control list."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose your path shape in "},{"type":"text","text":"Wave","marks":[{"type":"bold"}]},{"type":"text","text":" (e.g. Ribbon or Arc)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize your typography, colors, and preview the live motion!"}]}]}],"attrs":{"type":null,"start":1}}]},"introduction":"Fluid 3D ribbon card carousel","slug":"gallerytide","author":{"framerUserId":"f4924de8-9236-488c-918b-7df9feddcf59","name":"Evixel Studio","slug":"evixelstudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1040899/avatar-rKy5PSsrJCXqvyoypsvKcOaOtAEZd4.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f4924de8-9236-488c-918b-7df9feddcf59/01a0b673-058d-749c-bf00-53251f340a9c.png","metadata":{"tint":{"h":240,"s":53,"l":70},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-05-23T13:10:00.444Z","updatedAt":"2026-09-19T11:22:38.347Z","publishedAt":"2026-05-26T15:14:00.561Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://odd-founders-290963.framer.app","price":"5","paymentUrl":"https://evixelstudio.gumroad.com/l/GalleryTide","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"6tzStfL2vvzEj2TO5gEW","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-26T15:14:00.561Z","updatedAt":"2026-05-26T15:14:00.561Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you