5c:I[333483,["/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2g1-svyitruaw.js","/creators-assets/_next/static/immutable/chunks/2b5cxzb67_1ly.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/27tv74g0ylm-9.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/42t2lmjzk29f-.js","/creators-assets/_next/static/immutable/chunks/3vlbhrh3-zofo.js","/creators-assets/_next/static/immutable/chunks/1fk3xiz40jsei.js","/creators-assets/_next/static/immutable/chunks/3epu8cl3lqon0.js","/creators-assets/_next/static/immutable/chunks/1a76m297ea_ip.js","/creators-assets/_next/static/immutable/chunks/2ya_ftprgwh4o.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/13drmorrvlvtw.js","/creators-assets/_next/static/immutable/chunks/3pgym_pkc-y-q.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/02hvv1fzvt9c4.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3btmtdncmfoz8.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/34tdjji5bsp8p.js","/creators-assets/_next/static/immutable/chunks/24m05qh8-cey5.js","/creators-assets/_next/static/immutable/chunks/332vzaq_p6q-i.js","/creators-assets/_next/static/immutable/chunks/1fvrye_9gm367.js","/creators-assets/_next/static/immutable/chunks/3s2ucmapivl2j.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/20p7v4k5-b-k1.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.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/0p-ykuu58axvn.js"],"PostDetailCard"] 5d:T9e9,

Overlap Video Pro is a modern interactive video carousel for Framer that combines overlapping video cards with smooth motion and immersive navigation. Showcase videos in a dynamic layered carousel with drag interaction, momentum, autoplay, lightbox viewing, and CMS links designed for portfolios, creative studios, agencies, campaigns, products, and editorial websites.

HOW TO USE

Add Overlap Video Pro to your Framer page
Upload videos or add video URLs
Add a poster image or poster URL for each video
Add a CMS Link to each carousel item
Adjust card size, shape, spacing, and overlap
Customize tilt, stagger, bow, and card positioning
Enable drag, wheel, and momentum interaction
Configure autoplay, sound, and playback settings
Adjust responsive settings for different devices

KEY FEATURES

Smooth overlapping video carousel
CMS Link support for every item
Upload videos or use custom video URLs
Poster image support
Automatic carousel drift and movement
Drag and swipe interaction
Mouse wheel and trackpad navigation
Smooth momentum and glide
Pause on hover and hover straighten
Autoplay videos when in view
Adjustable simultaneous video playback
Fullscreen lightbox with previous/next navigation
Sound toggle and keyboard controls
Adjustable card size, shape, overlap, and spacing
Custom tilt, stagger, bow, and positioning
Responsive desktop, tablet, and mobile layouts
Performance-focused video playback
Static preview support in Framer

WHY CUSTOMERS WILL LOVE IT

Create a more engaging way to showcase video content without relying on a traditional carousel or static video grid. The overlapping card layout, smooth movement, and interactive navigation give your videos a distinctive and premium presentation.

Whether you're building a creative portfolio, agency website, fashion campaign, product showcase, or editorial experience, Overlap Video Pro makes your video content more immersive while allowing each carousel item to link directly to projects, case studies, products, or CMS pages.

59:[["$","$L5c",null,{"post":{"id":"01a0a438-16e1-7190-b91b-206df436f0bb","title":null,"body":"

Overlap Video Pro

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Overlap Video Pro"}]}]},"author":{"framerUserId":"38425120-6213-4b66-8b3c-e3e66d07ec64","name":"Interface Studio","slug":"interfacestudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2199676/kD3QNNYGg-bGneREuqMDI2n3QFCDqegiFFxRtaNA","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Dj8Xun1k0WkSbyHxPWWl","resolved":true,"title":"Overlap Video Pro","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Overlap Video Pro","marks":[{"type":"bold"}]},{"type":"text","text":" is a modern interactive video carousel for Framer that combines overlapping video cards with smooth motion and immersive navigation. Showcase videos in a dynamic layered carousel with drag interaction, momentum, autoplay, lightbox viewing, and CMS links designed for portfolios, creative studios, agencies, campaigns, products, and editorial websites."}]},{"type":"customHeading","content":[{"type":"text","text":"HOW TO USE"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add "},{"type":"text","text":"Overlap Video Pro","marks":[{"type":"bold"}]},{"type":"text","text":" to your Framer page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Upload videos or add video URLs"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add a poster image or poster URL for each video"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add a "},{"type":"text","text":"CMS Link","marks":[{"type":"bold"}]},{"type":"text","text":" to each carousel item"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust card size, shape, spacing, and overlap"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize tilt, stagger, bow, and card positioning"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enable drag, wheel, and momentum interaction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Configure autoplay, sound, and playback settings"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust responsive settings for different devices"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"KEY FEATURES"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth overlapping video carousel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS Link support for every item"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Upload videos or use custom video URLs"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Poster image support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic carousel drift and movement"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag and swipe interaction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mouse wheel and trackpad navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth momentum and glide"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pause on hover and hover straighten"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay videos when in view"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable simultaneous video playback"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fullscreen lightbox with previous/next navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sound toggle and keyboard controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable card size, shape, overlap, and spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom tilt, stagger, bow, and positioning"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive desktop, tablet, and mobile layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Performance-focused video playback"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static preview support in Framer"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"WHY CUSTOMERS WILL LOVE IT"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Create a more engaging way to showcase video content without relying on a traditional carousel or static video grid. The overlapping card layout, smooth movement, and interactive navigation give your videos a distinctive and premium presentation."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you're building a creative portfolio, agency website, fashion campaign, product showcase, or editorial experience, "},{"type":"text","text":"Overlap Video Pro","marks":[{"type":"bold"}]},{"type":"text","text":" makes your video content more immersive while allowing each carousel item to link directly to projects, case studies, products, or CMS pages."}]}]},"introduction":"CMS Video Overlapping Carousel","slug":"overlap-video-pro","author":{"framerUserId":"38425120-6213-4b66-8b3c-e3e66d07ec64","name":"Interface Studio","slug":"interfacestudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2199676/kD3QNNYGg-bGneREuqMDI2n3QFCDqegiFFxRtaNA","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/38425120-6213-4b66-8b3c-e3e66d07ec64/01a0a437-b66a-725d-ab2c-de679ba61507.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-15T08:38:53.889Z","updatedAt":"2026-09-15T08:38:53.889Z","publishedAt":"2026-09-15T08:38:53.886Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Shinglecastpro-oRjatV.js@xXcFOJKIJ0qIrnpAuXxe","previewUrl":"https://overlapvideopro.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"xXcFOJKIJ0qIrnpAuXxe","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-15T08:38:54.433Z","updatedAt":"2026-09-15T08:38:54.433Z","reported":false}}],"$L5e"]

Suggested for you