Preview live, install via shadcn or copy the source.
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| text | string | — | Yes | Text to display — letters scatter and settle on scroll. |
| className | string | — | No | Extra class for root section. |
| viewportClassName | string | — | No | Class for sticky viewport. |
| headingClassName | string | — | No | Class for heading (typography). |
| letterClassName | string | — | No | Class for each letter span. |
| height | string | h-[750vh] | No | Tailwind height class controlling scroll distance. |
| intensity | number | 1 | No | Scatter intensity 0-2 (scales y/rotation/x). |
| yRange | [number, number] | [95, 170] | No | Y displacement range in % before intensity. |
| rotationRange | [number, number] | [12, 28] | No | Rotation range in deg. |
| xRange | number | 10 | No | Max random X offset in em. |
| stagger | number | 0.04 | No | Stagger between letters (s). |
| baseDuration | number | 0.9 | No | Base duration per letter tween. |
| startX | string | 92vw | No | Heading initial X. |
| endX | string | -42vw | No | Heading final X. |
| disableHeadingDrift | boolean | false | No | Disable heading horizontal drift. |
| ease | string | "varied" | varied | No | Easing strategy or single GSAP ease. |
| scrollDistance | string | — | No | CSS height overriding Tailwind height (e.g. "300vh"). |
| scrub | boolean | number | true | No | ScrollTrigger scrub value. |
| scroller | string | HTMLElement | null | — | No | Custom ScrollTrigger scroller (selector or element). Needed inside PreviewModal fixed containers. |