About Glass Tabs
A tab bar whose glass pill stretches from tab to tab.
Glass Tabs is a free, polished tab bar for Framer. The frosted glass pill moves on two springs, so it stretches toward the next tab and settles with a soft overshoot. Labels change colour exactly where the glass passes, a faint hover pill follows the cursor, and you can grab the glass and slide it across. Use it as a nav, a segmented control or an app tab bar, or turn on Image Panels to get a small gallery with captions that slide and crossfade on the same spring.
Features
Glass pill on two springs that stretches and lands with overshoot
Labels change colour exactly where the glass passes
Drag the glass across the bar, mouse or touch
Hover pill, badges, icons and links
Optional Image Panels with captions that slide and crossfade
Setup
Insert Glass Tabs - Drag it onto the canvas. 420 × 64 px for a tab bar, or about 600 × 400 px with Image Panels.
Write the tabs - Up to 8 tabs with label, icon, badge and an optional link. Leave the label empty for icon-only tabs.
Pick the content - Tabs Only for a nav or a switch. Image Panels adds an image, title and text per tab, with the bar over the bottom, over the top or above.
Size it - Width Fit or Fill, tabs Hug or Equal, plus height, padding, radius and squircle corners.
Settings
Tabs - label, icon, badge, image, title, text, link
Content / Bar - tabs only or image panels
Width / Tabs - fit or fill, hug or equal
Shape - height, padding, radius, squircle
Track / Glass / Colors - blur, fills, highlight, every colour
FAQ
Can it switch content elsewhere on my page? Yes. Connect On Tab 1-5 to Set Variant on a component or section, or use Image Panels for built-in content.
Why is it free? It is a taste of the Pixlify collection. The paid components use the same springs and glass.
