Elevate your landing page with Dynamic Feature Tabs. This highly customizable Framer component allows you to present key product features through a sophisticated, interactive tabbed interface.
It features seamless media transitions, supporting both high-quality images and auto-playing videos. A standout feature is the intelligent auto-rotation; the component can cycle through tabs based on a fixed timer or automatically switch when a video ends, creating a hands-free cinematic walkthrough of your product. It is completely mobile-responsive, allowing you to set custom breakpoints and toggle media positions (Left or Right) to match your design perfectly.
Functions (Key Features):
🔄 Smart Auto-Rotate: Automatically cycle through tabs with fixed durations or synced video lengths.
🎥 Hybrid Media Support: Seamlessly mix images and videos within the same feature set.
📱 Adaptive Responsiveness: Automatically switches to a stacked vertical layout on mobile devices.
🎨 Deep Customization: Complete control over active/inactive tab colors, typography, and border radii.
🖱️ Hover Triggers: Option to trigger tab changes via mouse hover for a more fluid user experience.
How to Use:
Copy & Paste: Copy the component from the Layers panel and paste it directly into your Framer project.
Add Items: In the properties panel, edit the FAQ Items array. Add your titles, descriptions, and upload your media.
Rotation Logic: Enable Auto Rotate. If your media is a video, toggle Use Video Duration to sync the transition with the clip's end.
Styling: Adjust the Media Width, Colors, and Fonts to align with your brand identity.
Layout: Set the Media Position (Left/Right) and adjust the Mobile Breakpoint to control when the layout shifts for smaller screens.
Alpheratz
