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.
Components · Typography · Hover · Motion · Interaction · Editorial · Headline · Accessibility
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
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.
Components · Typography · Hover · Motion · Interaction · Editorial · Headline · Accessibility
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
