ns-ui
Tree view whose branches unfold like a carpenter's folding rule — each child group is a hinged segment that swings open around a visible pivot, rows unfolding in sequence, and snaps shut faster than it opens.
Use when expanding a branch should read as a physical unfolding, the child group swinging open around a visible pivot with rows unfolding in sequence and snapping shut faster than they open; pick tree-root-trace instead when the indent guides should be the animated element and the tree needs a continuous drawn connector, or tree-box-drawing when monospace connector glyphs are the medium itself.
Install
npx shadcn add https://design.helpmarq.comns-ui / tree-hinge-fold — branches swing open on a hinge
| Prop | Type | Default | Description |
|---|---|---|---|
| nodes | RuleNode[] | — | — |
| defaultExpanded? | string[] | [] | ids expanded on first render |
| className? | string | — | — |