prem-k-r · XimilalaXiang · May 21, 2026 · May 21, 2026
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -17,6 +17,7 @@ and this project partially follows [Semantic Versioning](https://semver.org/spec
 
 ### Added
 
+- Added X (Twitter) as a new search engine option with full localization support ([@XimilalaXiang](https://github.com/XimilalaXiang))
 - Added support for touch-swipe and mouse-wheel gestures on the search engine icon to switch search engines when they are hidden ([@prem-k-r](https://github.com/prem-k-r)) ([#145](https://github.com/prem-k-r/MaterialYouNewTab/pull/145))
 - Added support for custom shortcut icons via upload, URL, or pasted SVG ([@smurf11k](https://github.com/smurf11k)), ([@prem-k-r](https://github.com/prem-k-r)) ([#187](https://github.com/prem-k-r/MaterialYouNewTab/pull/187/)), ([#199](https://github.com/prem-k-r/MaterialYouNewTab/pull/199/))
 - Added Daily Quote option to show one quote per day instead of refreshing on every new tab ([@KomeshBathula](https://github.com/KomeshBathula)) ([#141](https://github.com/prem-k-r/MaterialYouNewTab/pull/141))

diff --git a/index.html b/index.html
@@ -770,6 +770,13 @@ <h2 id="editBookmarkHeading">Edit Bookmark</h2>
                                 <span class="engine-name" id="quoraEngineDD">Quora</span>
                             </div>
 
+                            <div data-engine="10" data-engine-name="x" id="x-dropdown" class="dropdown-item">
+                                <svg width="30" height="30">
+                                    <use href="#x-engine-icon" />
+                                </svg>
+                                <span class="engine-name" id="xEngineDD">X</span>
+                            </div>
+
                         </div>
                     </div>
                 </div>
@@ -864,6 +871,13 @@ <h2 id="editBookmarkHeading">Edit Bookmark</h2>
                 </symbol>
             </svg>
 
+            <svg style="display: none;">
+                <symbol id="x-engine-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                    <path style="transform: scale(0.75); transform-origin: center;"
+                        d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+                </symbol>
+            </svg>
+
             <!-- ----------search with------------------- -->
             <div class="searchWithCont" style="visibility: hidden;" id="search-with-container">
 
@@ -951,6 +965,14 @@ <h2 id="editBookmarkHeading">Edit Bookmark</h2>
                         <input class="radio-button" name="search-engine" type="radio" value="engine9">
                     </div>
 
+                    <div class="search-engine bgLightTint" data-category="search-on">
+                        <svg width="30" height="30" class="search-engine-icon">
+                            <use href="#x-engine-icon" />
+                        </svg>
+                        <label class="engine-name" id="xEngine">X</label>
+                        <input class="radio-button" name="search-engine" type="radio" value="engine10">
+                    </div>
+
                 </div>
             </div>
             <!-- ----------end of search with------------- -->

diff --git a/locales/ar_SA.js b/locales/ar_SA.js
@@ -147,6 +147,7 @@ const ar_SA = {
     redditEngine: "ريديت",
     wikipediaEngine: "ويكيبيديا",
     quoraEngine: "كورا",
+    xEngine: "X",
 
     // AI Tools
     ai_tools: "أدوات الذكاء الاصطناعي",

diff --git a/locales/bn.js b/locales/bn.js
@@ -151,6 +151,7 @@ const bn = {
     "redditEngine": "রেডিট",
     "wikipediaEngine": "উইকিপিডিয়া",
     "quoraEngine": "কোরা",
+    "xEngine": "X",
 
     // AI Tools
     "ai_tools": "এআই টুলস",

diff --git a/locales/cs.js b/locales/cs.js
@@ -150,6 +150,7 @@ const cs = {
     "redditEngine": "Reddit",
     "wikipediaEngine": "Wikipedie",
     "quoraEngine": "Quora",
+    "xEngine": "X",
 
     // AI Tools
     "ai_tools": "AI nástroje",

diff --git a/locales/de.js b/locales/de.js
@@ -132,6 +132,7 @@ const de = {
     "redditEngine": "Reddit",
     "wikipediaEngine": "Wikipedia",
     "quoraEngine": "Quora",
+    "xEngine": "X",
 
     // AI Tools
     "ai_tools": "KI-Werkzeuge",

diff --git a/locales/el.js b/locales/el.js
@@ -134,6 +134,7 @@ const el = {
     "redditEngine": "Reddit",
     "wikipediaEngine": "Βικιπαίδεια",
     "quoraEngine": "Quora",
+    "xEngine": "X",
 
     // Εργαλεία AI
     "ai_tools": "Εργαλεία AI",

diff --git a/locales/en.js b/locales/en.js
@@ -149,6 +149,7 @@ const en = {
     "redditEngine": "Reddit",
     "wikipediaEngine": "Wikipedia",
     "quoraEngine": "Quora",
+    "xEngine": "X",
 
     // AI Tools
     "ai_tools": "AI Tools",

diff --git a/locales/es.js b/locales/es.js
@@ -140,6 +140,7 @@ const es = {
     "redditEngine": "Reddit",
     "wikipediaEngine": "Wikipedia",
     "quoraEngine": "Quora",
+    "xEngine": "X",
 
     // AI Tools
     "ai_tools": "Herramientas de IA",

diff --git a/locales/fa.js b/locales/fa.js
@@ -147,6 +147,7 @@ const fa = {
     redditEngine: "ردیت",
     wikipediaEngine: "ویکی‌پدیا",
     quoraEngine: "کورا",
+    xEngine: "X",
 
     // AI Tools
     ai_tools: "ابزارهای هوش مصنوعی",

diff --git a/locales/fr.js b/locales/fr.js
@@ -145,6 +145,7 @@ const fr = {
     "redditEngine": "Reddit",
     "wikipediaEngine": "Wikipedia",
     "quoraEngine": "Quora",
+    "xEngine": "X",
 
     // AI Tools
     "ai_tools": "Outils IA",

diff --git a/locales/hi.js b/locales/hi.js
@@ -151,6 +151,7 @@ const hi = {
     "redditEngine": "रेडिट",
     "wikipediaEngine": "विकिपीडिया",
     "quoraEngine": "क्वोरा",
+    "xEngine": "X",
 
     // AI Tools
     "ai_tools": "AI उपकरण",

diff --git a/locales/hu.js b/locales/hu.js
@@ -145,6 +145,7 @@ const hu = {
   "redditEngine": "Reddit",
   "wikipediaEngine": "Wikipedia",
   "quoraEngine": "Quora",
+  "xEngine": "X",
 
   // AI Tools
   "ai_tools": "MI Eszközök",

diff --git a/locales/idn.js b/locales/idn.js
@@ -149,6 +149,7 @@ const idn = {
     "redditEngine": "Reddit",
     "wikipediaEngine": "Wikipedia",
     "quoraEngine": "Quora",
+    "xEngine": "X",
 
     // AI Tools
     "ai_tools": "Utilitas AI",

diff --git a/locales/it.js b/locales/it.js
@@ -127,6 +127,7 @@ const it = {
     "redditEngine": "Reddit",
     "wikipediaEngine": "Wikipedia",
     "quoraEngine": "Quora",
+    "xEngine": "X",
 
     // AI Tools
     "ai_tools": "Strumenti IA",

diff --git a/locales/ja.js b/locales/ja.js
@@ -149,6 +149,7 @@ const ja = {
     "redditEngine": "Reddit",
     "wikipediaEngine": "Wikipedia",
     "quoraEngine": "Quora",
+    "xEngine": "X",
 
     // AI Tools
     "ai_tools": "AIツール",

diff --git a/locales/ko.js b/locales/ko.js
@@ -132,6 +132,7 @@ const ko = {
     "redditEngine": "Reddit",
     "wikipediaEngine": "Wikipedia",
     "quoraEngine": "Quora",
+    "xEngine": "X",
 
     // AI Tools
     "ai_tools": "AI 도구",

diff --git a/locales/mr.js b/locales/mr.js
@@ -142,6 +142,7 @@ const mr = {
     "redditEngine": "रेडिट",
     "wikipediaEngine": "विकिपीडिया",
     "quoraEngine": "क्वोरा",
+    "xEngine": "X",
 
     // AI Tools
     "ai_tools": "AI साधने",

diff --git a/locales/pl.js b/locales/pl.js
@@ -132,6 +132,7 @@ const pl = {
     "redditEngine": "Reddit",
     "wikipediaEngine": "Wikipedia",
     "quoraEngine": "Quora",
+    "xEngine": "X",
 
     // AI Tools
     "ai_tools": "Narzędzia AI",

diff --git a/locales/pt.js b/locales/pt.js
@@ -132,6 +132,7 @@ const pt = {
     "redditEngine": "Reddit",
     "wikipediaEngine": "Wikipédia",
     "quoraEngine": "Quora",
+    "xEngine": "X",
 
     // AI Tools
     "ai_tools": "Ferramentas de IA",

diff --git a/locales/ru.js b/locales/ru.js
@@ -141,6 +141,7 @@ const ru = {
     "redditEngine": "Reddit",
     "wikipediaEngine": "Википедия",
     "quoraEngine": "Quora",
+    "xEngine": "X",
 
     // AI Tools
     "ai_tools": "Нейросети",

diff --git a/locales/sv.js b/locales/sv.js
@@ -138,6 +138,7 @@ const sv = {
     "redditEngine": "Reddit",
     "wikipediaEngine": "Wikipedia",
     "quoraEngine": "Quora",
+    "xEngine": "X",
 
     // AI Tools
     "ai_tools": "AI-verktyg",

diff --git a/locales/ta.js b/locales/ta.js
@@ -132,6 +132,7 @@ const ta = {
     "redditEngine": "ரெடிட்",
     "wikipediaEngine": "விக்கிப்பீடியா",
     "quoraEngine": "கோரா",
+    "xEngine": "X",
 
     // AI Tools
     "ai_tools": "செஅ கருவிகள்",

diff --git a/locales/th.js b/locales/th.js
@@ -131,6 +131,7 @@ const th = {
     "redditEngine": "Reddit",
     "wikipediaEngine": "Wikipedia",
     "quoraEngine": "Quora",
+    "xEngine": "X",
 
     // AI Tools
     "ai_tools": "เครื่องมือ AI",

diff --git a/locales/uk.js b/locales/uk.js
@@ -141,6 +141,7 @@ const uk = {
     "redditEngine": "Reddit",
     "wikipediaEngine": "Wikipedia",
     "quoraEngine": "Quora",
+    "xEngine": "X",
 
     // AI Tools
     "ai_tools": "AI Інструменти",

diff --git a/locales/uz.js b/locales/uz.js
@@ -141,6 +141,7 @@ const uz = {
     "redditEngine": "Reddit",
     "wikipediaEngine": "Wikipedia",
     "quoraEngine": "Quora",
+    "xEngine": "X",
 
     // AI Tools
     "ai_tools": "AI Vositalari",

diff --git a/locales/zh.js b/locales/zh.js
@@ -132,6 +132,7 @@ const zh = {
     "redditEngine": "Reddit",
     "wikipediaEngine": "维基百科",
     "quoraEngine": "Quora",
+    "xEngine": "X",
 
     // AI Tools
     "ai_tools": "AI工具",

diff --git a/locales/zh_TW.js b/locales/zh_TW.js
@@ -132,6 +132,7 @@ const zh_TW = {
     "redditEngine": "Reddit",
     "wikipediaEngine": "維基百科",
     "quoraEngine": "Quora",
+    "xEngine": "X",
 
     // AI Tools
     "ai_tools": "AI 工具",

diff --git a/scripts/languages.js b/scripts/languages.js
@@ -192,6 +192,7 @@ function applyLanguage(lang) {
         "redditEngine",
         "wikipediaEngine",
         "quoraEngine",
+        "xEngine",
         "chatGPT",
         "gemini",
         "copilot",
@@ -268,6 +269,7 @@ function applyLanguage(lang) {
         { id: "redditEngineDD", key: "redditEngine" },
         { id: "wikipediaEngineDD", key: "wikipediaEngine" },
         { id: "quoraEngineDD", key: "quoraEngine" },
+        { id: "xEngineDD", key: "xEngine" },
         { id: "bookmarksHover", key: "bookmarksHeading" },
         { id: "saveproxy", key: "saveAPI" },
         { id: "saveLoc", key: "saveAPI" },

diff --git a/scripts/search.js b/scripts/search.js
@@ -19,7 +19,8 @@ const searchQueryURLs = {
     engine6: "https://www.google.com/search?tbm=isch&q=",
     engine7: "https://www.reddit.com/search/?q=",
     engine8: `https://${languageCode}.wikipedia.org/wiki/Special:Search?search=`,
-    engine9: "https://www.quora.com/search?q="
+    engine9: "https://www.quora.com/search?q=",
+    engine10: "https://x.com/search?q="
 };
 
 // Showing border or outline when you click on the searchbar
@@ -166,7 +167,7 @@ document.querySelectorAll(".search-engine").forEach((engineDiv) => {
 
         radioButton.checked = true;
 
-        const radioButtonValue = radioButton.value.charAt(radioButton.value.length - 1);
+        const radioButtonValue = radioButton.value.replace("engine", "");
 
         const selector = `[data-engine="${radioButtonValue}"]`;
 
@@ -237,8 +238,7 @@ const storedSearchEngine = localStorage.getItem(`selectedSearchEngine-${activeSe
 toggleSearchEngines(activeSearchMode);
 
 if (storedSearchEngine) {
-    // Find Serial Number - SN with the help of charAt.
-    const storedSearchEngineSN = storedSearchEngine.charAt(storedSearchEngine.length - 1);
+    const storedSearchEngineSN = storedSearchEngine.replace("engine", "");
     const defaultDropdownSN = document.querySelector("*[data-default]").getAttribute("data-engine");
 
     // check if the default selected search engine is same as the stored one.
@@ -373,8 +373,7 @@ hideSearchWith.addEventListener("change", (e) => {
     const selectedRadioButton = document.querySelector(`input[name="search-engine"][value="${storedSearchEngine}"]`);
     selectedRadioButton.checked = true;
 
-    // Ensure UI is updated properly
-    const storedSearchEngineSN = storedSearchEngine.charAt(storedSearchEngine.length - 1);
+    const storedSearchEngineSN = storedSearchEngine.replace("engine", "");
     const selector = `*[data-engine="${storedSearchEngineSN}"]`;
 
     swapDropdown(selector);
@@ -449,7 +448,7 @@ function switchEngine(direction) {
     setTimeout(() => {
         radioButton.checked = true;
 
-        const radioButtonValue = radioButton.value.charAt(radioButton.value.length - 1);
+        const radioButtonValue = radioButton.value.replace("engine", "");
         const selector = `[data-engine="${radioButtonValue}"]`;
 
         swapDropdown(selector);