Text Pressure
hotEach letter’s variable-font weight responds to pointer proximity — a typographic lens. Static fonts still get the stretch.
pointervariable-font2 files · 99 locdeps: clsx, tailwind-merge
Installation
With the shadcn CLI, pointing at this platform’s registry:
npx shadcn@latest add https://opusui.131199999.xyz/r/text-pressure.jsonOr offline, straight from your opus55 checkout (copies every file it needs):
node ../tailwind_component/opus55/scripts/add.mjs text-pressureUsage
import { TextPressure } from "@/components/opus/text/text-pressure";
<TextPressure text="PRESSURE" className="text-8xl" />API
| Prop | Type | Default | Description |
|---|---|---|---|
| minWeight / maxWeight | number | 200 / 900 | wght axis range. |
| radius | number | 160 | Influence radius (px). |
| stretch | number | 0.25 | Extra scaleY under the pointer. |
Notes
- Works best with a variable font (Geist, Inter, Roboto Flex). Text stays one accessible label.