ns-ui

Lens ASCII Magnify

A circular lens that resolves the text under it into a denser dot-matrix of ASCII glyphs — every character it passes over is redrawn as its own 5x7 grid of ramp characters, more glyphs per glyph rather than the same glyph bigger.

Use when a magnifying lens over a body of text where the payoff is seeing each letter resolve into a denser dot-matrix of ascii characters, not an optically bigger version of the same glyph; pick slider-loupe instead for optically magnifying a numeric tick scale, or text-prism-split when the lens should tear the text into RGB channel offsets rather than resample its density.

Install

npx shadcn add https://design.helpmarq.com/r/lens-ascii-magnify.json
  • lens
  • magnifier
  • ascii
  • text
  • mono
  • canvas
  • cursor

ns-ui / lens-ascii-magnify

MOVE THE LENS ACROSS THIS TYPE

Props

PropTypeDefaultDescription
textstring
lensSize?numberlens diameter in px
className?string