ns-ui
A masonry gallery whose tiles render as live ASCII halftone and resolve from a coarse print to a fine one as they drop into their packed column slot, re-packing and re-dropping every tile when a resize crosses a column-count breakpoint.
Use when an image grid where the resolution mechanic itself (coarse-to-fine ASCII print) and a real re-packing reflow on resize are the point — pick gallery-coverflow-caustic instead for a single-focus 3D carousel with frosted-glass caustics, or testimonial-wall-reflow for FLIP-reflowing text cards with no image content and no resolution change.
Install
npx shadcn add https://design.helpmarq.comns-ui / masonry-ascii-settle
8 images: Meltwater channel, Condensation study, Caustic net, Refraction drift, Surface tension, Foam decay, Light pool census, Grain field.
Every tile resolves from a coarse ASCII halftone to a fine one as it drops into its column. Resize the window to watch it re-pack.
| Prop | Type | Default | Description |
|---|---|---|---|
| tiles | MasonryAsciiTile[] | — | — |
| className? | string | — | — |