component
Video Tab Switcher
By Redo
Details
- RedoAuthor
- componentType
- $9.00Price
- 2026-06-16Published
- 2026-06-16Updated
- 2026-06-06Added
- NavigationCategories
Summary
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.
Description
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.
Introduction
Swipe or click through video tabs
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #5071