Glyph Ink

Glyph Ink

About Glyph Ink

Glyph Ink reveals headlines from the exact pointer-enter point: every letter inks from the nearest glyph-box edge, cascading by distance, then breathes out longer than it entered. Choose Cinematic, Balanced, Snappy, or Custom motion. Ghost and Ink colors, full Font control, touch and keyboard fallbacks, reduced-motion support, and a canvas-safe mid-ink idle. Zero external packages. Desktop hover is the product — no auto-demo.

Categories / tags

Components · Typography · Hover · Motion · Interaction · Editorial · Headline · Accessibility

Features

  • Nearest-edge seed per glyph from the pointer

  • Distance-ordered ink cascade

  • Elliptical soft-tip fill (no fat diagonal disk)

  • Leave always breathes longer than enter

  • Cinematic, Balanced, Snappy, and Custom motion

  • Ghost / Ink colors + ControlType.Font

  • Soft max ~48 glyphs for SOTD feel on long lines

  • Touch, keyboard, focus-visible, and reduced-motion → full text

  • Canvas/export mid-ink static (~55%)

  • Zero external dependencies

  • No Auto Demo — hover is the product