StealThis .dev
Pattern Facile

Nav Underline Effect

Animated underline on active nav link — smooth indicator for tabs and breadcrumbs.

Apri in Lab
css vanilla-js
Target: JS HTML

Codice

Animated underline that follows the active link. Reference patterns from tabs-vertical and breadcrumb-nav.

Features

  • CSS transition for underline position/width
  • Single moving indicator or per-link underline
  • No dependencies