Calligraph: Motion-Based Text Transitions for React Apps

Calligraph: a React component for character-level text transitions powered by Motion.

Key features:

• Shared characters slide into new positions.
• New characters fade in.
• Removed characters fade out.
• Custom spring settings tune the transition.
• Good fit for labels, headings, prices, and status text.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo