ns-ui
A blog/post list with a live ASCII gutter: j/k and arrow-key navigation moves a roving-tabindex selection, a running index rule eases to track it, and each post's reading length redraws as an ASCII bar that recomputes on selection.
Use when a post/blog index where the margin gutter is a live instrument tracking the keyboard cursor and printing per-row metrics — pick listbox-sticky-groups instead for a grouped, alphabetized listbox whose margin trick is a stack of sticky group headers with no per-row metric or cursor marker, or feed-escapement for a metered arrival queue with no selection/navigation at all.
Install
npx shadcn add https://design.helpmarq.comns-ui / post-list-ascii-index
j/k or the arrow keys move the selection — the gutter's index marker tracks it and the reading-length bar redraws.
| Prop | Type | Default | Description |
|---|---|---|---|
| posts | PostListAsciiItem[] | — | — |
| className? | string | — | — |