Wave Dot Link

Wave Dot Link

About Wave Dot Link

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)

  1. Insert Kern Wave Dot Link.

  2. Set Label + Destination.

  3. Choose Trigger (Click for nav).

  4. Tune Marker / Motion.

  5. Set tablet & mobile type sizes.