ns-ui
Dropdown whose panel is a live verlet cloth pinned to the trigger — it falls and drapes like an awning, labels ride the weave, the cursor billows the fabric, and close yanks it back up.
Use when a short flat option list hanging from a trigger where opening and closing is the whole interaction, the panel falling as verlet cloth and billowing under the cursor; pick listbox-sticky-groups instead when the list is long and grouped and navigating inside it matters more than opening it, or select-caustic when the same short list should be a form select with listbox keyboard semantics rather than a nav menu.
Install
npx shadcn add https://design.helpmarq.comns-ui / dropdown-drape
Open the Workspace menu: the panel is a live verlet cloth pinned to the trigger. It falls under gravity and drapes like an awning, and the labels ride the weave until it settles. Sweep the cursor underneath to billow the fabric; closing yanks every vertex back up.
Requests
1.24M
+3.1%
p95 latency
182 ms
-9 ms
Error rate
0.12%
±0.00
menu → awaiting selection
| Prop | Type | Default | Description |
|---|---|---|---|
| label? | string | "Workspace" | trigger label; also the menu's aria-label |
| items? | DrapeMenuItem[] | DEFAULT_ITEMS | — |
| onSelect? | (id: string) => void | — | — |
| minWidth? | number | 264 | cloth/panel width floor in px (widens to match a wider trigger) |
| className? | string | — | — |