ns-ui
Letters morph variable-font weight by cursor proximity — pure typography interaction.
Use when letters continuously morph variable-font weight by cursor proximity — pure typography, no particles/canvas/color, no discrete reveal moment; use for an ambient, subtle hover-driven headline; pick text-ligature-melt or text-prism-split instead when the headline should visibly distort rather than only change weight, or time-ago-drift when the same variable-weight channel should encode a timestamp's age rather than cursor proximity.
Install
npx shadcn add https://design.helpmarq.comns-ui / text-variable-weight — move the cursor across
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | — | — |
| minWeight? | number | 300 | — |
| maxWeight? | number | 800 | — |
| sigma? | number | 90 | gaussian falloff radius in px |
| className? | string | — | — |