Line Menu - TOC

Show Preview
Line Menu - TOC
Line Menu - TOC

About Line Menu - TOC

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

From Till Janek

Advanced Sidebar Nav
Sidebar Dock Menu
Dock Menu
Swiss Menu

Related Components

Announcement Nav
Premium SaaS Navbar
Unfolding Fan Menu
Morphing Menu