ShapeSafeTextKit
Component
Shape-safe text animation
In motion.
In motion.
In motion.
A multilingual text animation kit that protects shaping, ligatures and meaning — while giving you cinematic control over every reveal.
A multilingual text animation kit that protects shaping, ligatures and meaning — while giving you cinematic control over every reveal.
ا ل ن ص • النص
SHAPE-SAFE ← / STANDARD SPLIT →
STANDARD SPLIT ↑ / SHAPE-SAFE ↓
Text that listens
to the scroll.
Text that listens to the scroll.
Text that listens
to the scroll.
Turn a single scroll gesture into an exact, directional performance. Every threshold, hold and exit remains yours to tune.
Turn a single scroll gesture into an exact, directional performance. Every threshold, hold and exit remains yours to tune.
Turn a single scroll gesture into an exact, directional performance. Every threshold, hold and exit remains yours to tune.
LIVE SCRUB / 00—100
Move through meaning.
word granularity · center sweep · blur entry
Letter by letter.
Still one word.
Letter by letter.
Still one word.
Letter by letter.
Still one word.
Animate every letter of cursive and RTL text without shredding the joins that make it readable. Shape-safe assembly measures the real visual text before it moves.
Animate every letter of cursive and RTL text without shredding the joins that make it readable. Shape-safe assembly measures the real visual text before it moves.
Animate every letter of cursive and RTL text without shredding the joins that make it readable. Shape-safe assembly measures the real visual text before it moves.
LETTER ASSEMBLY / RTL
الحركة تحفظ شكل الكلمة
الحركة تحفظ شكل الكلمة
X −20
Y +40
TILT −10°
BLUR 12
Counter mode / locale-aware digits
Count in the language you’re speaking.
Count in the language you’re speaking.
Hindi / Devanagari
₹ ०
Arabic / Arabic-Indic
٠ مستخدم
٠ مستخدم
Persian / Persian digits
۰ کاربر
۰ کاربر
One cursor.
Many languages.
One cursor.
Many languages.
One cursor.
Many languages.
Cycle through phrases without splitting the emoji, ligature or script cluster underneath. The caret stays readable, whatever comes next.
Cycle through phrases without splitting the emoji, ligature or script cluster underneath. The caret stays readable, whatever comes next.
Cycle through phrases without splitting the emoji, ligature or script cluster underneath. The caret stays readable, whatever comes next.
TYPEWRITER / CLUSTER-SAFE
A safer stage for every script
What should stay together, stays together.
What should stay together, stays together.
ShapeSafeTextKit respects the writing systems that conventional split-text animation can break — from joined Arabic forms to emoji clusters and Indic conjuncts.
ShapeSafeTextKit respects the writing systems that conventional split-text animation can break — from joined Arabic forms to emoji clusters and Indic conjuncts.
Thai
Thai
ตัวอักษรพริ้ว
Marks and tone signs stay clear.
Thai
Thai
ตัวอักษรพริ้ว
Marks and tone signs stay clear.
Emoji
Clusters
👨👩👧👦 stays whole
One family, never fragmented.
Emoji
Clusters
👨👩👧👦 stays whole
One family, never fragmented.
Hindi
Devanagari
कर्म में ही अधिकार है
Conjuncts preserve their shape.
Hindi
Devanagari
कर्म में ही अधिकार है
Conjuncts preserve their shape.
Persian
Perso-Arabic
حروف پیوسته میمانند
Cursive joins survive letter motion.
Persian
Perso-Arabic
حروف پیوسته میمانند
Cursive joins survive letter motion.
Latin
Ligatures
office, affinity, flowing
Ligatures remain elegant in motion.
Latin
Ligatures
office, affinity, flowing
Ligatures remain elegant in motion.
Arabic
Arabic
اللغة تتنفس مع الحركة
Connected forms remain intact.
Built to respect language
Animate language
without breaking it.
Animate language
without breaking it.
Install ShapeSafeTextKit and turn your type into a performance — safely, precisely, in every script.
Install ShapeSafeTextKit and turn your type into a performance — safely, precisely, in every script.
Explore the component