ns-ui
A feature grid where hovering or focusing a cell draws real box-drawing connectors to its related features, routed orthogonally through the grid's gutters and retracted glyph by glyph on leave.
Use when a feature grid where the relationships BETWEEN features are the thing worth showing, drawn live as routed connectors on hover/focus — pick grid-bento-ascii instead for a 2x2 layout primitive with no cross-cell relationships, whose seam structurally disappears when one tile re-spans the grid, or grid-magnetic-lattice for a continuous cursor-warped field with no discrete per-pair routing at all.
Install
npx shadcn add https://design.helpmarq.comns-ui / feature-grid-ascii-rule
Hover or focus a feature: box-drawing connectors route through the gutter to every related feature, then retract on leave.
| Prop | Type | Default | Description |
|---|---|---|---|
| items | FeatureGridAsciiRuleItem[] | — | — |
| cols? | number | — | — |
| className? | string | — | — |