Awaad

Awaad

Creator2 Components
Awaad
Awaadin Marketplace·1mo

Most per-letter text animation breaks Arabic before the animation even begins.

So I built Shape-Safe Text Kit for Framer.

Reveal, Motion, Assemble, Typewriter and Counter - five tools designed to preserve Arabic joining, Latin ligatures, emoji sequences and complex text shaping while they animate.

The letters can move. The language stays intact.

Tested across 14 scripts in Chrome, Firefox and Safari, on desktop and mobile.

Available now for $12.

https://shapesafekit.framer.website/

#Framer #ArabicDesign #WebAnimation

Awaad
Awaadin Marketplace·1mo

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