---
title: "Animated tabs — Free Framer component · Best of Framer"
description: "Free Framer component · by Anamika Yadav · Navigation. Animated tabs with text reveal"
canonical: "https://framer.elliotli.dev/component/animated-tabs"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Animated tabs

# Animated tabs

Animated tabs with text reveal

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

![Animated tabs preview image 1](https://framer.elliotli.dev/og/component/animated-tabs/b6238d8a18ce5510/1600x1200.jpg)

## Summary

Animated tabs with text reveal

## Description

Audience Tabs

Switch between tabs and watch the content reveal itself word by word, sliding up into place while the previous text slides away — a clean, editorial-style transition that adds polish without slowing your page down.

What you can customize:

\- Add or remove tabs, each with its own label and text

\- Active and inactive tab colors (background + text)

\- Tab corner radius — from sharp squares to full pills

\- Tab row alignment — left, center, or right

\- Fonts and text alignment for both tabs and content

\- Animation speed and word stagger timing

Drop it into a hero, services section, or "who it's for" block to add motion without writing any code.

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

-   All · #1788

## Details

- **Author**: Anamika Yadav
- **Published**: 2026-06-17
- **Updated**: 2026-06-22
- **Added**: 2026-06-17
- **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