Components•Scatter rewind

Scatter rewind

A headline that blows away as type dust and rebuilds by running time backwards, along the same paths.

Dependencies

Motionclsx

Copy below cli

npx shadcn add @bjork-ui/scatter-rewind

How to use

import { ScatterRewind } from "@/components/bjork-ui/text/scatter-rewind";<ScatterRewind  text="Built to be undone"  trigger="hover"  windAngle={-15}  className="font-bjork-display text-[96px] font-semibold tracking-[-0.03em]"/>// Drive it yourself, for example from scroll<ScatterRewind text="Built to be undone" trigger="manual" progress={scrollProgress} />

Built to be undone

Hover to scatter

Phase: intact

Options
Trigger
Wind