Skip to content

Loose Parts 19

Mac OS 9 React

Mac OS 9 interface parts in React

over-punch.github.io/Mac-OS-9-React (opens in a new window)Mac OS 9 React on npm (opens in a new window)

  1. Loose Parts
  2. Ragtooth: A sawtooth rag for paragraphs
  3. Axis Rhythm: Alternates a font axis line by line
  4. Hover Boldly: Bold on hover with no layout shift
  5. Flood Text: A wave that washes through the letters
  6. Magnet Type: Words near the cursor gain weight
  7. Fit Width: Fits a headline to its box with the width axis
  8. Fit Flush: Fits text to any container
  9. Optical Margin: Hanging punctuation from the font’s own metrics
  10. steadyGray: Evens out a paragraph’s grey
  11. Text Breath: Letter-spacing that breathes line by line
  12. Typsettle: Tracking that settles into place on load
  13. Opsz Stepper: Swaps optical cuts by font size
  14. stabilType: Type that adapts to motion
  15. speechType: Emphasis in time with speech
  16. wrapType: Real text wrapped on a 3D surface
  17. glyphShaper: Reshape a letter and every copy follows
  18. vf-clamp: Limits a variable font’s axis ranges
  19. Thread Text: Text as satin-stitch embroidery
  20. Confetti Text: A confetti cannon made of your letters
  21. Mac OS 9 React: Mac OS 9 interface parts in React

Punched-card deck

Lines of text punched in real IBM 029 card code