ns-ui / hero-ascii-rainfall
Signal in the static.
Every column falls on its own clock. The cursor is wind, not paint — the field bends around it and settles back on its own.
Read the docsns-ui / loud
A full-bleed ASCII precipitation hero — every column runs its own independent falling drop with a fixed rows/sec speed and trail length, and the pointer bends nearby streams sideways like wind gusting through rain instead of painting or warping cells directly.
Use when Pick hero-ascii-rainfall for a full-viewport hero built from independent falling particles where the pointer reads as wind bending the field rather than a place (hero-ascii-terrain) or a forward corridor (hero-ascii-tunnel) or an occlusion event (hero-ascii-eclipse). background-ascii-plasma is the pick for an abstract sampled field with no particles and no vertical motion at all.
Install
npx shadcn add https://design.helpmarq.comEvery column falls on its own clock. The cursor is wind, not paint — the field bends around it and settles back on its own.
Read the docs| Prop | Type | Default | Description |
|---|---|---|---|
| cellSize? | number | — | grid cell size in px |
| children? | ReactNode | — | headline / CTA rendered over the field |
| className? | string | — | — |