Documentation

Documentation

JavaScript

splitText

splitText

Checking Motion+ status…

This content is exclusive to Motion+ members

One-time payment, no subscription

Already joined?

Checking Motion+ status…

This content is exclusive to Motion+ members

One-time payment, no subscription

Already joined?

Checking Motion+ status…

This content is exclusive to Motion+ members

One-time payment, no subscription

Already joined?

splitText is a tiny (+0.7kb) function that makes it simple to create split text animations with Motion.

const { chars } = splitText("h1")

animate(
  chars,
  { opacity: 1 },
  { delay: stagger(0.05) }
)

It's exclusive to Motion+ members. Motion+ is a one-time fee, all-in membership that offers exclusive components, premium examples and access to a private Discord community.