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