ns-ui

Loader Braille

Determinate/indeterminate loader built from braille dot patterns, where each cell's eight dots are individually addressable for far finer granularity than a block-character bar.

Use when a loader where the glyph itself is the data structure — braille cells whose eight dots are addressable bits give per-dot granularity across a row, and the indeterminate state is a genuine travelling wave rather than a rotating spinner sprite. Pick progress-narrated or loader-thread-spool instead when the loader needs a narrated ledger or a real elapsed-time-honest indeterminate metaphor.

Install

npx shadcn add https://design.helpmarq.com/r/loader-braille.json
  • loader
  • progress
  • ascii
  • braille
  • mono

ns-ui / loader-braille

indeterminate
determinate — 0%

Props

PropTypeDefaultDescription
progress?number0-100 for a determinate fill; omit (or leave undefined) for the indeterminate wave.
aria-label?stringaccessible label for the progressbar.
className?string