Three split strategies
Sequence individual characters, preserve word rhythm, or move complete lines as confident graphic units.
Type & sequence
Split Text Reveal
Break a message into characters, words, or lines, then give every part a deliberate entrance and cadence.
Split reveal / characters
Ideas in motion.
Every entrance counts
Sequenced type without an animation library.
Build expressive hero reveals, campaign titles, editorial introductions, and product statements while keeping the original message semantic and readable.
Four reveal languages
Choose rise, directional slide, soft focus, or a perspective fold, then tune distance and cadence.
Accessible output
The exported visual tokens are hidden from assistive technology while one clean semantic headline remains available.
Three-step workflow
How to use the Split Reveal studio
- Write the message
Enter up to three intentional lines and choose whether the rhythm lives in characters, words, or lines.
- Direct the entrance
Balance motion style, duration, stagger, delay, distance, typography, color, and repeat behavior.
- Copy or download
Export paste-ready HTML and CSS or a complete standalone document with no package dependency.
Questions, answered.
Does the export require JavaScript?
No. Split reveals are driven entirely by scoped CSS animations.
Can it animate line breaks?
Yes. Intentional line breaks are preserved, and line mode treats every line as its own animated unit.
Is the repeated visual text announced more than once?
No. The token layer is hidden from accessibility APIs and a single readable copy remains.
What happens with reduced motion?
Every token resolves immediately into the final, fully readable headline.