All demos
Interactive demo · Studio concept
RTL Mirror
Localizing for Arabic is more than translation. Flip one screen between a naive translation and engineered right-to-left.
Demonstrates: Software EngineeringInteractive — runs entirely in your browser.
The same screen built for right-to-left from the start: every element mirrors correctly, numbers stay readable, and the typography is made for Arabic.
- Directional icons mirror automaticallyArrows and chevrons flip with the reading direction; neutral icons don't.
- Logical CSS propertiesstart/end instead of left/right, so one codebase serves both directions.
- Numbers isolatedPhone numbers, times and codes are wrapped so they always read left-to-right.
- Controls follow reading directionProgress bars and toggles fill from the right.
- Layouts sized for ArabicFlexible widths, an Arabic typeface and taller line height.
- Locale-aware formattingCurrency and dates formatted for the locale, not concatenated strings.
احجز موعدًا
ابحث عن طبيب أو عيادة
الخطوة 2 من 3
متاح اليوم
د. سارة خليلالأمراض الجلدية · 10:30 ص250 د.إ.
د. عمر حدادطب الأطفال · 1:15 م180 د.إ.
أرسل لي تذكيرًا برسالة نصيةسنرسل إلى +971 50 123 4567
Arabic — engineered RTL
Ready to talk specifics?
Our agent can scope this with you right now — and bring in an engineer when you're ready.