Introduction

Fluid text transitions powered by Motion. Shared characters slide to their new positions while entering characters fade in and exiting ones fade out.

Try every variant and preset in the playground.

Quick Start

import { Calligraph } from "calligraph";

<Calligraph>Text</Calligraph>;

When children changes, characters common to both strings slide into their new positions. New characters fade in, removed characters fade out.