diff --git a/app/Livewire/CreateCode.php b/app/Livewire/CreateCode.php
index c062bb5..1965ed4 100644
--- a/app/Livewire/CreateCode.php
+++ b/app/Livewire/CreateCode.php
@@ -2,6 +2,7 @@
 
 namespace App\Livewire;
 
+use Illuminate\Support\Arr;
 use Livewire\Attributes\Computed;
 use Livewire\Component;
 
@@ -9,47 +10,189 @@ class CreateCode extends Component
 {
     public string $message;
 
-    protected array $symbols = [
-        'enable',
-        'public',
-        'grade',
-        'rocket',
-        'cookie',
-        'thunderstorm',
-        'face',
-        'skull',
-        'home',
-        'mode_cool',
-        'bedroom_baby',
-        'flatware',
-        'single_bed',
-        'sprinkler',
-        'umbrella',
-        'token',
-        'skillet',
-        'stadia_controller',
-        'airwave',
-        'floor_lamp',
-        'close',
-        'quiet_time',
-        'heat',
-        'tools_power_drill',
-        'nest_eco_leaf',
-        'air_freshener',
-    ];
+    public bool $rtl;
 
     #[Computed(persist: true)]
     public function letters(): array
     {
-        shuffle($this->symbols);
+        $symbols = $this->getSymbols();
+        shuffle($symbols);
 
-        return collect(range('a', 'z'))
-            ->combine($this->symbols)
+        return collect($this->getAlphabets())
+            ->combine($symbols)
             ->toArray();
     }
 
+    public function mount(bool $rtl): void
+    {
+        $this->rtl = $rtl;
+    }
+
     public function render()
     {
         return view('livewire.create-code');
     }
+
+    protected function getAlphabets(): array
+    {
+        $english = range('a', 'z');
+        $arabic = array(
+            'ا',
+            'ب',
+            'ت',
+            'ث',
+            'ج',
+            'ح',
+            'خ',
+            'د',
+            'ذ',
+            'ر',
+            'ز',
+            'س',
+            'ش',
+            'ص',
+            'ض',
+            'ط',
+            'ظ',
+            'ع',
+            'غ',
+            'ف',
+            'ق',
+            'ك',
+            'ل',
+            'م',
+            'ن',
+            'ه',
+            'و',
+            'ء',
+            'ي'
+        );
+        $farsi = ['پ', 'چ', 'ژ', 'گ'];
+        $urdu = ['ڈ', 'ڑ', 'ں', 'ھ', 'ہ'];
+        $pashto = ['ټ', 'ځ', 'څ', 'ډ', 'ړ', 'ږ', 'ښ', 'ګ', 'ڼ', 'ء', 'ې', 'ۍ', 'ي', 'ې', 'ۍ'];
+        $miscellaneous = ['ی', 'ک', 'ئ', 'ة', 'ؤ', 'أ', 'آ',];
+
+        return $this->rtl ? array_unique(array_merge($arabic, $farsi, $urdu, $pashto, $miscellaneous)) : $english;
+    }
+
+    public function getSymbols(): array
+    {
+        $symbols = [
+            'enable',
+            'public',
+            'grade',
+            'rocket',
+            'cookie',
+            'thunderstorm',
+            'face',
+            'skull',
+            'home',
+            'mode_cool',
+            'bedroom_baby',
+            'flatware',
+            'single_bed',
+            'sprinkler',
+            'umbrella',
+            'token',
+            'skillet',
+            'stadia_controller',
+            'airwave',
+            'floor_lamp',
+            'close',
+            'quiet_time',
+            'heat',
+            'tools_power_drill',
+            'nest_eco_leaf',
+            'air_freshener',
+            'alarm',
+            'coffee',
+            'cloud',
+            'build',
+            'dashboard',
+            'lightbulb',
+            'notifications',
+            'palette',
+            'search',
+            'shopping_cart',
+            'print',
+            'volume_up',
+            'wifi',
+            'account_circle',
+            'attach_file',
+            'book',
+            'check_circle',
+            'cloud_upload',
+            'email',
+            'favorite',
+            'gamepad',
+            'help',
+            'insert_chart',
+            'language',
+            'mic',
+            'notifications_active',
+            'laptop',
+            'lock',
+            'send',
+            'settings',
+            'thumb_up',
+            'add_circle',
+            'edit',
+            'radio_button_checked',
+            'person',
+            'accessibility',
+            'alarm_add',
+            'videogame_asset',
+            'map',
+            'watch',
+            'attach_money',
+            'build_circle',
+            'card_giftcard',
+            'done_all',
+            'event',
+            'hotel',
+            'local_shipping',
+            'mood',
+            'phone',
+            'favorite_border',
+            'history',
+            'keyboard',
+            'palette',
+            'record_voice_over',
+            'save',
+            'cloud_done',
+            'chat',
+            'flight_takeoff',
+            'grade',
+            'notifications_off',
+            'perm_identity',
+            'pets',
+            'portrait',
+            'restaurant',
+            'rotate_left',
+            'timer',
+            'toys',
+            'wb_sunny'
+        ];
+
+        return $this->generateRandomUniqueArray($symbols, count($this->getAlphabets()));
+    }
+
+    public function toggleDirection(): bool
+    {
+        return !$this->rtl;
+    }
+
+    public function generateRandomUniqueArray($symbols, $length): array
+    {
+        $randomSymbols = [];
+
+        while (count($randomSymbols) < $length) {
+            $randomItem = Arr::random($symbols);
+            if (!in_array($randomItem, $randomSymbols)) {
+                $randomSymbols[] = $randomItem;
+            }
+        }
+
+        return $randomSymbols;
+    }
 }
diff --git a/resources/views/components/code.blade.php b/resources/views/components/code.blade.php
index 46c07c3..77bf5a6 100644
--- a/resources/views/components/code.blade.php
+++ b/resources/views/components/code.blade.php
@@ -1,17 +1,20 @@
 @props([
     'message',
-    'letters'
+    'letters',
+    'rtl'
 ])
 
 <div {{ $attributes->class(['text-center flex flex-wrap gap-8 mt-auto']) }}>
-    @foreach(array_filter(explode(' ', trim($message))) as $word)
-        <div class="word flex flex-wrap gap-2">
-            @foreach(str_split($word) as $character)
+    @foreach (array_filter(explode(' ', trim($message))) as $word)
+        <div class="word flex flex-wrap gap-2 flex-row-reverse">
+            @php
+                $characters = $rtl ? array_reverse(preg_split('//u', $word, -1, PREG_SPLIT_NO_EMPTY)) : str_split($word);
+            @endphp
+            @foreach ($characters as $character)
                 <div>
-                     <span class="material-symbols-outlined character !text-4xl">
-                        {{ $letters[strtolower($character)] ?? $character }}
-                    </span>
-
+                <span class="material-symbols-outlined character !text-4xl">
+                    {{ $letters[strtolower($character)] ?? $character }}
+                </span>
                     <div class="bg-gray-200 w-12 h-12"></div>
                 </div>
             @endforeach
diff --git a/resources/views/components/layout.blade.php b/resources/views/components/layout.blade.php
index 79f6297..1c4f5d7 100644
--- a/resources/views/components/layout.blade.php
+++ b/resources/views/components/layout.blade.php
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en" class="h-full">
+<html lang="en" class="h-full" @if($rtl) dir="rtl" @endif>
 <head>
     <meta charset="UTF-8">
     <meta name="viewport"
@@ -9,7 +9,7 @@
     @vite('resources/css/app.css')
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
 </head>
-<body class="pt-8 bg-primary text-white print:bg-white print:text-black grid place-items-center h-full">
+<body class="pt-8 bg-primary text-white print:bg-white print:text-black grid place-items-center h-full" @if($rtl) dir="rtl" @endif>
     {{ $slot }}
 </body>
 </html>
diff --git a/resources/views/livewire/create-code.blade.php b/resources/views/livewire/create-code.blade.php
index 7892adf..5baf882 100644
--- a/resources/views/livewire/create-code.blade.php
+++ b/resources/views/livewire/create-code.blade.php
@@ -8,7 +8,7 @@ class="bg-white/10 text-white py-2 px-3 rounded-xl w-full"></textarea>
         </div>
     </form>
 
-    <x-code :message="$message" :letters="$this->letters"/>
+    <x-code :message="$message" :letters="$this->letters" :rtl="$rtl" />
 
     @if ($message)
         <x-legend :letters="$this->letters" />
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
index edc9cb5..88a6ff2 100644
--- a/resources/views/welcome.blade.php
+++ b/resources/views/welcome.blade.php
@@ -1,11 +1,12 @@
-<x-layout>
+<x-layout :rtl="$rtl">
     <section class="container mx-auto px-6 h-full flex flex-col" style="max-width: 1000px;">
-        <header class="flex">
+        <header class="flex justify-between">
             <h1>
                 <img src="/logo.svg" alt="Codebreaker" aria-label="Codebreaker" class="print:invert w-52 print:w-36">
             </h1>
+            <button class="px-2 py-1 text-sm font-semibold rounded-md disabled:bg-gray-300 print:hidden h-1/3 hover:bg-gray-400 transition" onclick="window.location.href = '{{ Request::fullUrlWithQuery(['rtl' => Request::query('rtl') === 'true' ? 'false' : 'true']) }}'">@if($rtl) ABC @else ا ب ت @endif</button>
         </header>
 
-        <livewire:create-code/>
+        <livewire:create-code :rtl="$rtl"/>
     </section>
 </x-layout>
diff --git a/routes/web.php b/routes/web.php
index d259f33..f7722ad 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -14,5 +14,6 @@
 */
 
 Route::get('/', function () {
-    return view('welcome');
+    $rtl = isset($_GET['rtl']) && $_GET['rtl'] === 'true';
+    return view('welcome', compact('rtl'));
 });