A compact interactive section built around three switchable content panels. Each panel pairs a numbered label and title with its own image, making it useful for services, team profiles, products, or any small curated set where the visual should change with the selected item.
Visual & layout :
Three stacked/segmented text rows act as the navigation for the content.
The selected row controls the main image area, so the component feels like a guided showcase instead of a static service list.
Minimal borders, large type, and wide image framing keep the layout reusable across different industries.
Interaction :
Clicking or tapping a row switches the component to that panel and updates the image.
Because every panel has its own image and label set, the visitor always understands what changed.
Customization
Active border colour & radius.
All three step labels, panel titles and panel images.
Images border radius.
Container fill colour & radius.
Responsive & layout behaviour :
Best used as a focused two-part layout: selectable text controls on one side, image preview on the other.
For narrow layouts, the image can stack above or below the choices while the three tabs remain easy to tap.
Use Cases
Service packages, team spotlights, product categories, before/after sets, event highlights, portfolio features, roadmap stages, onboarding steps, and any three-choice story where a visual preview helps users compare options quickly.
Support :
Creator: Shani Tiwari.
Access: buyers receive the component through the marketplace link after purchase for use.
Refunds: buyers receive access to the component and due to nature of product, refunds are not offered once access has been provided.
Support requests: buyers can contact support by email or Framer comments, with a typical response within 24 hours for questions, setup help, or access-related issues.
A compact interactive section built around three switchable content panels. Each panel pairs a numbered label and title with its own image, making it useful for services, team profiles, products, or any small curated set where the visual should change with the selected item.
Visual & layout :
Three stacked/segmented text rows act as the navigation for the content.
The selected row controls the main image area, so the component feels like a guided showcase instead of a static service list.
Minimal borders, large type, and wide image framing keep the layout reusable across different industries.
Interaction :
Clicking or tapping a row switches the component to that panel and updates the image.
Because every panel has its own image and label set, the visitor always understands what changed.
Customization
Active border colour & radius.
All three step labels, panel titles and panel images.
Images border radius.
Container fill colour & radius.
Responsive & layout behaviour :
Best used as a focused two-part layout: selectable text controls on one side, image preview on the other.
For narrow layouts, the image can stack above or below the choices while the three tabs remain easy to tap.
Use Cases
Service packages, team spotlights, product categories, before/after sets, event highlights, portfolio features, roadmap stages, onboarding steps, and any three-choice story where a visual preview helps users compare options quickly.
Support :
Creator: Shani Tiwari.
Access: buyers receive the component through the marketplace link after purchase for use.
Refunds: buyers receive access to the component and due to nature of product, refunds are not offered once access has been provided.
Support requests: buyers can contact support by email or Framer comments, with a typical response within 24 hours for questions, setup help, or access-related issues.
