5d:I[473921,["/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/2svd483q03jkh.js","/creators-assets/_next/static/immutable/chunks/168ndrpf5qukf.js","/creators-assets/_next/static/immutable/chunks/3py036r67l2cz.js","/creators-assets/_next/static/immutable/chunks/1ozc4wc1du10z.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/0ak510_hzfaam.js","/creators-assets/_next/static/immutable/chunks/2h_rs7nbfvb7-.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/03stgnoj58q7s.js","/creators-assets/_next/static/immutable/chunks/2mxay2-h-hkwd.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/355jz6twgi-xd.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/16gequ09928lv.js","/creators-assets/_next/static/immutable/chunks/2f6k-nq5t2nve.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/3v380aaevwq5a.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"] 5e:Ta0c,

Dual Flow Carousel is an interactive image and video carousel for Framer featuring two continuously moving rows that flow in opposite directions. The dual-row layout creates a dynamic visual rhythm while flexible card sizing, smooth momentum, drag interaction, and wheel navigation make browsing feel fluid and engaging.

Each card can be connected to a CMS Link, allowing visitors to click an image or video and navigate directly to its corresponding CMS page.

✦ Key Features

Dual Flow Layout - Create two independently moving rows with opposite directions.
Image & Video Support - Mix images and videos throughout both carousel rows.
CMS Link Support - Connect individual cards directly to CMS pages.
Drag & Flick - Drag either row with smooth momentum and glide.
Flexible Card Sizes - Choose from multiple aspect ratios or create custom proportions.
Edge Fade - Add soft fades at the edges for a polished visual finish.
Captions - Display card captions always or reveal them on hover.
Video Controls - Enable looping and optional sound on hover.
Fully Customizable - Adjust spacing, row height, card radius, speed, background, padding, and more.

✦ What You Can Create

CMS Project Showcases
Portfolio Galleries
Photography Portfolios
Video Showcases
Creative Agency Websites
Product Displays
Editorial Galleries
Designer Portfolios
Studio Websites
Interactive Landing Pages

✦ Two Rows. One Continuous Flow.

Dual Flow Carousel transforms a traditional carousel into a dynamic visual section with two streams of content moving independently across the screen. Combine images, videos, CMS links, flexible card layouts, and smooth interaction to create engaging showcases that bring your visual content to life. Keywords: Dual Flow Carousel, Framer Carousel, CMS Carousel, CMS Link Carousel, Image Carousel, Video Carousel, Dual Row Carousel, Infinite Carousel, Moving Carousel, Draggable Carousel, Horizontal Carousel, Media Carousel, Portfolio Carousel, Framer Portfolio, CMS Page Navigation.

5a:[["$","$L5d",null,{"post":{"id":"01a07b1c-78ad-7302-877f-3901f94d24d8","title":null,"body":"

Dual Flow Carousel

If you like it, give it a ❤

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Dual Flow Carousel","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"If you like it, give it a ","marks":[{"type":"bold"}]},{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"heart","emoji":"❤"}}]}]},"author":{"framerUserId":"93e0445d-da1b-434f-be79-797c7c983df6","name":"Axis Supply","slug":"axissupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/93e0445d-da1b-434f-be79-797c7c983df6/x7b91rcg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"PcNXA0NzuTro5thGOT5F","resolved":true,"title":"Dual Flow Carousel","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Dual Flow Carousel","marks":[{"type":"bold"}]},{"type":"text","text":" is an interactive image and video carousel for Framer featuring two continuously moving rows that flow in opposite directions. The dual-row layout creates a dynamic visual rhythm while flexible card sizing, smooth momentum, drag interaction, and wheel navigation make browsing feel fluid and engaging."}]},{"type":"paragraph","content":[{"type":"text","text":"Each card can be connected to a "},{"type":"text","text":"CMS Link","marks":[{"type":"bold"}]},{"type":"text","text":", allowing visitors to click an image or video and navigate directly to its corresponding CMS page."}]},{"type":"customHeading","content":[{"type":"text","text":"✦ Key Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dual Flow Layout","marks":[{"type":"bold"}]},{"type":"text","text":" - Create two independently moving rows with opposite directions."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image & Video Support","marks":[{"type":"bold"}]},{"type":"text","text":" - Mix images and videos throughout both carousel rows."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS Link Support","marks":[{"type":"bold"}]},{"type":"text","text":" - Connect individual cards directly to CMS pages."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag & Flick","marks":[{"type":"bold"}]},{"type":"text","text":" - Drag either row with smooth momentum and glide."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible Card Sizes","marks":[{"type":"bold"}]},{"type":"text","text":" - Choose from multiple aspect ratios or create custom proportions."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edge Fade","marks":[{"type":"bold"}]},{"type":"text","text":" - Add soft fades at the edges for a polished visual finish."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Captions","marks":[{"type":"bold"}]},{"type":"text","text":" - Display card captions always or reveal them on hover."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Video Controls","marks":[{"type":"bold"}]},{"type":"text","text":" - Enable looping and optional sound on hover."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Customizable","marks":[{"type":"bold"}]},{"type":"text","text":" - Adjust spacing, row height, card radius, speed, background, padding, and more."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"✦ What You Can Create"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS Project Showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio Galleries"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Photography Portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Video Showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative Agency Websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product Displays"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editorial Galleries"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Designer Portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Studio Websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Landing Pages"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"✦ Two Rows. One Continuous Flow."}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Dual Flow Carousel","marks":[{"type":"bold"}]},{"type":"text","text":" transforms a traditional carousel into a dynamic visual section with two streams of content moving independently across the screen. Combine images, videos, CMS links, flexible card layouts, and smooth interaction to create engaging showcases that bring your visual content to life. Keywords"},{"type":"text","text":":","marks":[{"type":"bold"}]},{"type":"text","text":" Dual Flow Carousel, Framer Carousel, CMS Carousel, CMS Link Carousel, Image Carousel, Video Carousel, Dual Row Carousel, Infinite Carousel, Moving Carousel, Draggable Carousel, Horizontal Carousel, Media Carousel, Portfolio Carousel, Framer Portfolio, CMS Page Navigation."}]}]},"introduction":"CMS Dual Image & Video Carousel","slug":"dual-flow-carousel","author":{"framerUserId":"93e0445d-da1b-434f-be79-797c7c983df6","name":"Axis Supply","slug":"axissupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/93e0445d-da1b-434f-be79-797c7c983df6/x7b91rcg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/93e0445d-da1b-434f-be79-797c7c983df6/01a07b1b-fd91-733a-a6a2-da0fcf4c1f8a.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-09-07T09:04:18.048Z","updatedAt":"2026-09-10T13:06:58.609Z","publishedAt":"2026-09-07T09:04:18.045Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://dualflowcarousel.framer.website/","price":"15","paymentUrl":"https://buy.polar.sh/polar_cl_lDOiqZ8hj67hhv82vXJHzih53dYRzwNjbo6zZ43BTvN","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"epx97HQCCrZZXQytODAf","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-07T09:04:18.605Z","updatedAt":"2026-09-07T09:04:18.605Z","reported":false}}],"$L5f"]

Suggested for you