---
title: "Aisol Tabs — Framer component · Best of Framer"
description: "$14.00 · Framer component · by Aisol Studio · Navigation. Aisol Tabs are tabs that hold real sections."
canonical: "https://framer.elliotli.dev/component/aisol-tabs"
---

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

# Aisol Tabs

Tabs that hold real sections

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

![Aisol Tabs preview image 1](https://framer.elliotli.dev/og/component/aisol-tabs/42ee9eba16258096/1600x1200.jpg)

## Summary

Aisol Tabs are tabs that hold real sections.

## Description

Aisol Tabs are tabs that hold real sections. Drop a section, a CMS-bound component, or any other component into each panel slot, and only the active panel is rendered. Nothing outside the component is read or changed.

WHY IT IS DIFFERENT: Every tab gets a deep link (?tab=slug), so a shared URL opens on the right panel. Full keyboard support: arrow keys, Home/End, roving tabindex, and proper tablist/tab/tabpanel roles. Hidden panels are not rendered at all, so there is no layout jump and no hidden content in the DOM.

HOW TO USE: Add a label for each tab, then connect a component instance to each panel slot (a section you built on the canvas, a CMS list, or another component). Choose the deep-link mode (off, ?tab=, #tab-, or both), the opening tab, and whether arrow keys switch or only focus.

KEY FEATURES: Deep links with replaceState (back button stays clean) and restore on load. Keyboard and screen-reader ready. Mobile: a sideways-scrolling tab bar that keeps the active tab in view, or a dropdown. Underline or pill style, fill width, and colours for accent, text, muted, tab fill, active fill and rail. Respects prefers-reduced-motion. Static-renderer safe (canvas tabs on the Framer canvas).

More components by Aisol Studio: search "Aisol" in the Marketplace.

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

-   All · #10931

## Details

- **Author**: Aisol Studio
- **Price**: $14.00
- **Published**: 2026-08-29
- **Updated**: 2026-10-02
- **Added**: 2026-08-29
- **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