Calligraph
Motion-based React component for fluid text, number, and slot transitions
Calligraph is a React component by Raphael Salaja that animates changes in text. The docs show three modes: text, number, and slots, where digits roll like a counter. You wrap content in a Calligraph element and Motion handles the transition. The package installs from npm, and the docs page shows version 1.4.1.
npm install calligraphUse it for prices, counters, and labels that change in place, such as a plan toggle. It depends on Motion, so add it only to a project that already ships Motion or can afford it.
Why it is here. It turns a text change into a readable transition with one wrapper component.
- Text
- number
- and slot modes
- Built on Motion
- One-component API
Verified 2026-10-09. HTTP 200. https://calligraph.raphaelsalaja.com/ (HTTP 200, page fetched 2026-10-09), https://github.com/raphaelsalaja/calligraph (GitHub API, 435 stars), depo.zip listing https://www.depo.zip/tools/j57d3gr0b6smr90j86nvsh4hd58db37s
