---
title: "Smooth Tabs — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ali Çorak · Navigation. Smooth Tabs lets you showcase different content, product previews, feature sections, dashboards, or portfolio visuals inside a simple tab layout."
canonical: "https://framer.elliotli.dev/component/smooth-tabs"
---

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

# Smooth Tabs

Tab with smooth transitions

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

![Smooth Tabs preview image 1](https://framer.elliotli.dev/og/component/smooth-tabs/30661c324c276937/1600x1200.jpg)

## Summary

Smooth Tabs lets you showcase different content, product previews, feature sections, dashboards, or portfolio visuals inside a simple tab layout.

## Description

**Unlock entire Depth library for $149. One price. Lifetime.**

[**Get Depth**](https://depth.website/#all-access)

**\--------------------------------------------------------**

Create clean, animated tab sections in Framer with smooth transitions and image switching. Smooth Tabs lets you showcase different content, product previews, feature sections, dashboards, or portfolio visuals inside a simple tab layout.

Add your tab labels, upload images for each tab, choose a variant, adjust the corner radius, and connect the trigger directly from the properties panel. It’s built to make tabbed content feel polished without needing custom code.

**Features**

-   Smooth animated tab switching
    
-   Multiple visual variants
    
-   Custom tab labels
    
-   Image support for each tab
    
-   Adjustable corner radius
    
-   Trigger support
    
-   Works well for product previews, feature sections, dashboards, and portfolios
    
-   Easy setup from the Framer properties panel
    
-   No code
    

**How to use**

Drop the component onto your page, add your tab names, and upload an image for each tab. Then choose the variant and adjust the radius to match your design.

Perfect for SaaS landing pages, app previews, feature breakdowns, portfolio case studies, and interactive product sections.

**Refund Policy**

Due to the nature of digital products, all sales are final. Once purchased, this template is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: [hi@alicorak.com](mailto:hi@alicorak.com)

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

-   All · #7027

## Details

- **Author**: Ali Çorak
- **Price**: $5.00
- **Published**: 2026-06-30
- **Updated**: 2026-08-16
- **Added**: 2026-06-30
- **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