Most text-animation component splits your text into one span per character. That breaks Arabic, cursive letters lose their joins and a headline renders as disconnected shapes. It also drops Latin ligatures and tears emoji apart.
Shape-Safe Reveal animates a mask over intact text instead. Nothing is split.
14 scripts tested: Arabic, Persian, Urdu, Syriac, Adlam, Hebrew, Devanagari, Thai, emoji, ligatures.
Free → [component link] Live demo → shapesafe.framer.website
Most text-animation component splits your text into one span per character. That breaks Arabic, cursive letters lose their joins and a headline renders as disconnected shapes. It also drops Latin ligatures and tears emoji apart.
Shape-Safe Reveal animates a mask over intact text instead. Nothing is split.
14 scripts tested: Arabic, Persian, Urdu, Syriac, Adlam, Hebrew, Devanagari, Thai, emoji, ligatures.
Free → [component link] Live demo → shapesafe.framer.website
