Skip to content

Overpunch type-tools

A suite of typographic npm packages for the web. Each targets a specific technique that CSS alone cannot achieve.

All packages are framework-agnostic, TypeScript-first, and zero-dependency by default. React bindings included.


Package Technique
ragtooth Deliberate sawtooth rag — alternating long/short lines
@liiift-studio/axisrhythm Per-line variable font axis alternation
@liiift-studio/hoverboldly Bold/weight hover without layout shift
@liiift-studio/floodtext Per-character variable font wave animation
@liiift-studio/magnettype Cursor-field variable font axis variation
@liiift-studio/fitwidth Binary-search fit to display width
@liiift-studio/fit-flush Binary-search fit to container
@liiift-studio/opticalmargin Font-metric hanging punctuation
@liiift-studio/steadygray Paragraph optical density equalization
@liiift-studio/textbreath Per-line letter-spacing oscillation
@liiift-studio/typsettle Page-load tracking settle animation
@liiift-studio/opszstepper Optical font family hot-swap by font-size
@liiift-studio/stabiltype Motion-adaptive typography
@liiift-studio/speechtype Per-word emphasis synced to Web Speech API
@liiift-studio/wraptype Live DOM text wrapping any 3D surface
@liiift-studio/glyphshaper Interactive runtime glyph path editor

→ Full suite · liiift.studio

Popular repositories Loading

  1. vf-clamp-glyphs vf-clamp-glyphs Public

    Glyphs.app plugin for generating restricted variable fonts

    Python 5

  2. Mac-OS-9-React Mac-OS-9-React Public

    TypeScript 3 1

  3. Optical-Font-Website Optical-Font-Website Public

    JavaScript 2

  4. sanity-convert-references sanity-convert-references Public

    Reference optimization utility for Sanity Studio - convert strong to weak references for any document types with performance benefits

    JavaScript 1

  5. liiift-sanity-tools liiift-sanity-tools Public

    A collection of powerful, production-tested tools for Sanity Studio

    TypeScript 1

  6. save-that-again-backend save-that-again-backend Public

    TypeScript 1

Repositories

Showing 10 of 62 repositories
  • ThreadText Public
    over-punch/ThreadText's past year of commit activity
    TypeScript 0 MIT 0 3 0 Updated Oct 7, 2026
  • wrapType Public

    Live DOM text wrapping any 3D surface — surface and silhouette modes with orbit camera

    over-punch/wrapType's past year of commit activity
    TypeScript 0 MIT 0 0 0 Updated Oct 7, 2026
  • vf-clamp Public

    Restrict a variable font's axis ranges to a specific subfamily scope — like CSS clamp() for design space

    over-punch/vf-clamp's past year of commit activity
    TypeScript 1 MIT 0 0 0 Updated Oct 7, 2026
  • Typsettle Public

    Page-load animation where per-line tracking settles from random offsets to optical equilibrium

    over-punch/Typsettle's past year of commit activity
    TypeScript 0 MIT 0 0 0 Updated Oct 7, 2026
  • TextBreath Public

    Per-line letter-spacing oscillation at offset phases — the paragraph breathes

    over-punch/TextBreath's past year of commit activity
    TypeScript 0 MIT 0 0 0 Updated Oct 7, 2026
  • SteadyGray Public

    Paragraph optical density equalization — measure glyph area per line and equalize visual density

    over-punch/SteadyGray's past year of commit activity
    TypeScript 0 MIT 0 0 0 Updated Oct 7, 2026
  • stabilType Public

    Motion-adaptive typography — adapts letter-spacing, weight, and optical size based on velocity

    over-punch/stabilType's past year of commit activity
    TypeScript 1 MIT 0 0 0 Updated Oct 7, 2026
  • speechType Public

    Typography that follows your voice — per-word emphasis synced to Web Speech API

    over-punch/speechType's past year of commit activity
    TypeScript 0 MIT 0 0 0 Updated Oct 7, 2026
  • Ragtooth Public

    Deliberate sawtooth rag for the web — alternating long/short lines for typographic rhythm

    over-punch/Ragtooth's past year of commit activity
    TypeScript 0 MIT 0 0 0 Updated Oct 7, 2026
  • OpticalMargin Public

    Font-metric hanging punctuation — cross-browser optical margin alignment using actual glyph bounds

    over-punch/OpticalMargin's past year of commit activity
    TypeScript 0 MIT 0 0 0 Updated Oct 7, 2026

People

This organization has no public members. You must be a member to see who’s a part of this organization.