split flap text for react · flap, roll, scramble and odometer · from the deniz lab
departures
speed
other modes
- 02rollcolumns glide through the alphabet and settle.departures
columns glide through the alphabet and settle.
- 03scrambleglyphs flicker and settle left to right.departures
glyphs flicker and settle left to right.
- 04odometerdigits roll like a counter. stats, prices, visits.1,248,730
digits roll like a counter. stats, prices, visits.
usage
install
npm install @denizeffects/splitflapreact
import { SplitFlap } from "@denizeffects/splitflap";
<SplitFlap text="departures" mode="flap" speed="normal" />
<SplitFlap text="departures" mode="roll" />
<SplitFlap text="departures" mode="scramble" />
<SplitFlap text="1,248,730" mode="odometer" />zero dependenciesssr saferespects reduced motionmit license