Skip to content

Line Menu - TOC

Minimal lines that expands to text.

Line Menu - TOC preview image 1

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 →

12651761008/149/49/2610/1811/9
  • All · #100

Details

More like this