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

A clean, designer-made video tab switcher that lets your visitors explore a set of videos one tab at a time, each with its own title and byline. A polished way to show products, work, or stories in motion.

About this Component

What it does

Show your content in motion. Give each tab its own video so visitors can watch instead of read, perfect for products, portfolios, and brand moments. Title and byline on every tab. Two text fields per tab keep your message clear and paired with the right video.

Designed to look premium. Rounded tabs, a clean video frame, and balanced spacing make it feel polished from the moment you drop it in. Fast to load. Videos load only as they're needed, so your page stays quick even with several clips.

Easy navigation

Switch with arrows on desktop, or swipe and tap on mobile. The active tab is clearly highlighted, so visitors always know where they are.

What you can change

Everything is customizable from the properties panel:

tabs — add, remove, reorder
title and byline per tab
a video per tab (MP4 / WebM)
active and inactive tab colors
active and inactive text colors
tab radius, border, padding, and gap
title and byline typography
arrows show / hide
swipe sensitivity and momentum
background color
video height and corner radius

Built by designers: tuned to feel clean, balanced, and presentation-ready inside modern Framer sites, not just functional.

Responsive behavior

Desktop

Arrows on either side of the video, with the tab copy reading clearly below.

Tablet

Switches to swipe and scroll, with sizing and spacing adapting to the narrower frame.

Mobile

Swipe-and-tap navigation, scaled down so it stays clean and easy to use on smaller screens.

True responsive behavior

The layout and navigation adapt to screen width automatically, so it looks right across desktop, tablet, and mobile.

Use Cases This component works especially well for:

product feature walkthroughs
video portfolio showcases
service or process explainers
case study highlights
onboarding or tutorial sections
brand storytelling modules
landing page hero sections

Perfect for creating an immersive, video-driven section that makes your content feel dynamic and elevated.

5a:[["$","$L5d",null,{"post":{"id":"019ed02a-dccb-70f2-baa3-5f0a0ae77fe7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"4634ee01-e954-4915-afb3-861c0634228e","name":"Redo","slug":"redo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4634ee01-e954-4915-afb3-861c0634228e/3fdqvb18","followed":false,"followsYou":false},"media":[],"resources":[{"id":"QhF9H91qDbwhlGzONjfG","resolved":true,"title":"Video Tab Switcher","body":"$5e","bodyJson":null,"introduction":"Swipe or click through video tabs","slug":"video-tab-switcher","author":{"framerUserId":"4634ee01-e954-4915-afb3-861c0634228e","name":"Redo","slug":"redo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4634ee01-e954-4915-afb3-861c0634228e/3fdqvb18","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/QhF9H91qDbwhlGzONjfG/video-tab-switcher-kzOrWM2mKKQQcpzq9g6qLlbPFrLuYk","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-06T00:24:34.572Z","updatedAt":"2026-06-16T11:41:32.898Z","publishedAt":"2026-06-16T11:22:10.507Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://videotabswitcher.framer.website/","price":"9","paymentUrl":"https://contra.com/payment-link/hAO7MHvI-video-tab-switcher","workshop":true,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"19jx0fPXlX4DHkHg3uuN","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T11:22:10.507Z","updatedAt":"2026-06-16T11:22:10.507Z","reported":false}}],"$L5f"]

Suggested for you