---
title: "Line Menu - TOC — Free Framer component · Best of Framer"
description: "Free Framer component · by Till Janek · Navigation · ranked #100 among Framer components. Minimal lines that expands to text."
canonical: "https://framer.elliotli.dev/component/line-menu-toc"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Line Menu - TOC

# Line Menu - TOC

Minimal lines that expands to text.

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

![Line Menu - TOC preview image 1](https://framer.elliotli.dev/og/component/line-menu-toc/584c4908e4ca34f2/1600x1200.jpg)

## Summary

Minimal lines that expands to text.

## Description

A highly reduced navigation pattern that focuses on clarity and space efficiency. In its default state, only thin lines are visible. On hover, each line expands proportionally and reveals its label, creating a subtle but satisfying interaction.

## Features

-   Minimal default state with pure line indicators
    
-   Text reveals on hover with smooth proportional animation
    
-   Designed for tight layouts and clean UI systems
    
-   Works as primary navigation or as a table of contents
    
-   Fully customizable via variables
    
-   Control colors, spacing, typography, and animation behavior
    

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

-   All · #100

## Details

- **Author**: Till Janek
- **Published**: 2026-05-12
- **Updated**: 2026-05-12
- **Added**: 2026-05-02
- **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