Components•Ink bleed text
Components•Ink bleed text
Ink bleed text
A word that soaks into paper. Drops land and wick outward through the fibres, the letters feather and wander while wet, then the ink dries to crisp type. Hover to re-wet the paper under the pointer.
Dependencies
Copy below cli
npx shadcn add @bjork-ui/ink-bleed-textHow to use
import { InkBleedText } from "@/components/bjork-ui/text/ink-bleed-text";<InkBleedText text="Wet ink" trigger="in-view" // "mount" | "in-view" | "loop" duration={2.8} drops={3} spread={1} seed={7} rewet/>
Wet ink
Hover to re-wet the paper.