---
title: "Glass Feature Tabs — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Sirrah Space · Navigation. Transform your product presentation with Glass Feature Tabs, a high-performance component designed with the trendy Glassmorphism…"
canonical: "https://framer.elliotli.dev/component/glass-feature-tabs"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Glass Feature Tabs

# Glass Feature Tabs

Interactive glassmorph media list.

[View on Framer](https://framer.com/marketplace/components/glass-feature-tabs/?via=elliot-li)

![Glass Feature Tabs preview image 1](https://framer.elliotli.dev/og/component/glass-feature-tabs/913b092ae1ccc8e5/1600x1200.jpg)

## Summary

Transform your product presentation with Glass Feature Tabs, a high-performance component designed with the trendy Glassmorphism aesthetic in mind.

## Description

Transform your product presentation with **Glass Feature Tabs**, a high-performance component designed with the trendy **Glassmorphism** aesthetic in mind. It creates a sophisticated, frosted-glass look (backdrop-filter) that overlays your background, making it perfect for modern, colorful, or dark-themed landing pages.

This interactive list pairs text features with a dynamic media player. It supports **MP4 videos** and responsive images, allowing users to explore content via hover, click, or an automated slideshow. Fully customizable, you can toggle the glass effect, tune the blur intensity, and adjust transition animations (Fade, Slide, Scale) to match your brand's premium vibe.

**Functions (Key Features):**

-   🧊 **Glassmorphism Mode:** One-click toggle to enable a frosted glass background with border highlights.
    
-   🔄 **Smart Auto-Play:** Automatically cycles through features with a visual progress indicator.
    
-   🎥 **Rich Media:** Supports both static images and auto-playing video loops for dynamic storytelling.
    
-   👆 **Flexible Triggers:** Choose between Hover or Click interactions for desktop and mobile.
    
-   📱 **Responsive Design:** Stacks gracefully into a vertical layout on smaller screens.
    

**How to Use:**

1.  **Insert:** Drag the **Glass Feature Tabs** component onto your canvas (looks best over a gradient or image).
    
2.  **Add Content:** In properties, click **Features** to add items. Upload media for each tab.
    
3.  **Theme:** Ensure **Glass Theme** is set to "On" for the frosted effect.
    
4.  **Behavior:** Set the **Trigger** and **Interval** for auto-play speed.
    
5.  **Styling:** Customize the **Active Color** and **Accent** to make the selected tab pop against the glass background.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #8125

## Details

- **Author**: Sirrah Space
- **Price**: $4.00
- **Published**: 2026-02-16
- **Updated**: 2026-07-26
- **Added**: 2026-02-06
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation