---
title: "Table of Content Nav — Free Framer component · Best of Framer"
description: "Free Framer component · by Chityala Vaishnavi · Navigation. Best way to hover and navigate"
canonical: "https://framer.elliotli.dev/component/table-of-content-nav"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Table of Content Nav

# Table of Content Nav

Best way to hover and navigate

[View on Framer](https://framer.com/marketplace/components/table-of-content-nav/?via=elliot-li)

![Table of Content Nav preview image 1](https://framer.elliotli.dev/og/component/table-of-content-nav/2a2dd2e184008e2d/1600x1233.jpg)

## Summary

Best way to hover and navigate

## Description

## Table of Contents Navigation

A _GSAP-based navigation component_. Each line can be linked to a section within a page or a different page for navigation. On hover, the lines smoothly scale and the neighboring lines scale to a smaller degree. Text reveals on hover, and on click it navigates to the linked sections.

### Features

-   Per-letter hover scaling with adjustable max scale and neighbor falloff
    
-   Auto-fit sizing — text scales to match your frame's width or width + height, just like a native Framer text layer
    
-   Customizable scale
    
-   Optional hover color, separate from the base text color
    
-   Full Typography control (Font type, size, weight)
    
-   Adjustable line gap, row gap
    
-   Configurable transition duration and easing curve
    
-   Multi-line support — each line breaks into its own row automatically
    
-   Multi link and text support — each line can be linked with a dedicated text reveal
    

### Best for

-   Secondary Navigation
    
-   Portfolio and case study Table of content display
    
-   Playful hover animation
    
-   Any spot that needs a little personality on hover
    

### **Need help?**

Questions or feedback, reach me on X [https://x.com/vaishchityala](https://x.com/vaishchityala?s=11&t=FLwzhNAwuDpz1BHj9S3tSA)

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

-   All · #2147

## Details

- **Author**: Chityala Vaishnavi
- **Published**: 2026-08-09
- **Updated**: 2026-08-09
- **Added**: 2026-08-09
- **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