ns-ui / loud
Cursor fluid — moving the pointer through a full-bleed dark field sheds a von Karman vortex street of alternating-sign vortices that drift downstream and decay, revealed by ~600 velocity-aligned tracer streaks; clicking drops a counter-rotating vortex pair that stirs the field for exactly 3 seconds.
Use when a full-bleed decorative fluid backdrop with no text and no controls of its own, where the cursor sheds a vortex street that drifts and decays behind whatever the caller overlays; pick hero-dipole-field or hero-gravity-well instead when the headline itself is the subject of the effect, or hero-particles-webgl when true GPU depth is worth three npm dependencies.
Install
npx shadcn add https://design.helpmarq.com /r/hero-vortex-street.jsonns-ui / hero-vortex-street
Move the cursor to shed vortices; click to stir the field for 3s.
| Prop | Type | Default | Description |
|---|---|---|---|
| className? | string | — | — |