Sliding Tabs

Sliding Tabs is a Framer component for tabbed image galleries, built for designers and teams who want to showcase categories, products, courses, or features in one polished section.

A scrollable tab bar sits under a large image area. When a visitor picks a tab, the image changes with a smooth fade and the underline glides to the new title, resizing automatically to match its width.

Key features

• Sliding underline that always fits the tab title, whatever the text or font

• Editable tabs in the properties panel: add up to 12 tabs, each with its own title, image and alt text

• Scrollable tab bar with edge fades and arrows, so long tab lists work on phones too

• Controls for font, colors, underline thickness, tab spacing, image height, padding and corner radius

• Adjustable spring or tween transition for the underline

• Keyboard navigation with arrow keys, Home and End, proper tab roles, and reduced motion support

Great for

Product category pages, course catalogs, portfolios, feature showcases and landing page sections.

What is included

The component, a demo page with desktop, tablet and phone layouts, nine sample tabs with photos, a quick start guide and brand assets.