Adaptive RTL/LTR - Experiments

⚡

Interactive Controls

Try the controls - layout adapts to text direction

Counter:

Toggle:

Click to toggle

Progress:

🇺🇸 English Hyperscript in current language

on click increment #counter
on click decrement #counter
on click toggle .active

How This Works

This experiment combines View Transitions API with grammar transformation and bidirectional text support. When you switch to Arabic or Hebrew, the entire layout mirrors to RTL (right-to-left), progress bars animate in the opposite direction, and the hyperscript code transforms to the target language's grammar. The View Transitions API creates smooth animations between states.