ns-ui
Cursor-proximity magnification row with Gaussian falloff — macOS-dock physics for any children.
Use when a macOS-dock-style row that magnifies items under cursor proximity with Gaussian falloff; use for an icon/action dock or nav row, not for showing scroll/read position through a document.
Install
npx shadcn add https://design.helpmarq.com| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | — |
| gain? | number | 0.55 | max extra scale at zero distance (0.55 → 1.55x) |
| sigma? | number | 80 | gaussian falloff radius in px |
| lift? | number | 16 | upward shift in px at full magnification |
| className? | string | — | — |