Wave Dot Link turns any label into a kinetic nav link: a marker races the baseline while nearby characters lift, tilt, and settle with spring-driven travel. Tune Hover or Click, colors, marker shape, wave width, and tablet/mobile type sizes. Canvas-safe, reduced-motion aware, zero external packages.
Categories / tags: Components · Effects · Links · Navigation · Motion · Spring · Typography · Hero · Menu Features
Traveling baseline marker (Dot / Dash / Square / Off)
Per-letter lift, tilt, scale, trail
Spring-driven progress
Click or Hover trigger
Font extended + tablet/mobile sizes
Reduced-motion fallback
Canvas matches live rest pose
Zero external dependencies
Setup (buyer)
Insert Kern Wave Dot Link.
Set Label + Destination.
Choose Trigger (Click for nav).
Tune Marker / Motion.
Set tablet & mobile type sizes.
Wave Dot Link turns any label into a kinetic nav link: a marker races the baseline while nearby characters lift, tilt, and settle with spring-driven travel. Tune Hover or Click, colors, marker shape, wave width, and tablet/mobile type sizes. Canvas-safe, reduced-motion aware, zero external packages.
Categories / tags: Components · Effects · Links · Navigation · Motion · Spring · Typography · Hero · Menu Features
Traveling baseline marker (Dot / Dash / Square / Off)
Per-letter lift, tilt, scale, trail
Spring-driven progress
Click or Hover trigger
Font extended + tablet/mobile sizes
Reduced-motion fallback
Canvas matches live rest pose
Zero external dependencies
Setup (buyer)
Insert Kern Wave Dot Link.
Set Label + Destination.
Choose Trigger (Click for nav).
Tune Marker / Motion.
Set tablet & mobile type sizes.
