Improve the customizability of your Twitter UI

Latest Version

Version
5.1.2
Update
December 8, 2024
Size
1.14MiB
Developer
Category
Users
3,000+
Rating
4.5 ★
Manifest Version
3
Web Store Status
Languages Support
English
русский
日本語
한국어
See more
Permissions
Notifications
Storage
See more

Twitter UI Customizer Extension

Twitterのボタンの色を白黒から戻したい?
Twitterの自分向けではないボタンはいらない?
もういっそのこと、自分で色を設定したい?
そんなあなたに!
この拡張機能はTwitterのUIのカスタマイズ性を向上させます!

対応クライアント:twitter.com、Preview版TweetDeck
GitHub → https://github.com/kaonasi-biwa/Twitter-UI-Customizer/

## 実装されている機能
- 「未送信ツイートの編集」「未フォローのフォローボタン」「フォロー中のフォローボタン」「フォロー解除ボタン」「プロフィール設定」「最終決定(ログアウト時のやつなど)」のボタンについて、それぞれ枠線色・背景色・文字色を設定できる
- ツイートの下にあるボタンの順番をいじれる
- ツイートの下にあるボタンに「ブックマークに追加」「ツイートのリンクをコピー」を追加できる
- ツイートの下のボタンが横に溢れたときににスクロールバーを表示できる
- サイドバーの並び順を変更できる
- サイドバーに「リスト」「Twiter Circle」「トピック」を追加できる
- サイドバーの縦の間隔が大きくにゃっているときに、それをちっちゃくできる
- Twitterの左上・起動時のアイコンを「デフォルト」「非表示」「犬」「鳥」「カスタムアイコン(画像をアップロードできる)」から選べる
- カスタムアイコンに関しては、丸と四角から選べる
- タイムライン上のおすすめユーザーを非表示にできる
- クライアント情報を表示できる
- カスタムCSSを書くことができる

MIT License (https://opensource.org/licenses/mit-license.php)
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "__MSG_extensionName__", "description": "__MSG_extensionDescription__", "version": "5.1.2", "default_locale": "ja", "content_scripts": [ { "matches": [ "*://*.x.com/*", "*://*.twitter.com/*" ], "js": [ "inject.js" ], "run_at": "document_start" } ], "options_ui": { "page": "options/options.html", "browser_style": true }, "manifest_version": 3, "icons": { "16": "icon/newIcon_TUIC_C_Blue.png", "48": "icon/newIcon_TUIC_C_Blue.png", "128": "icon/newIcon_TUIC_C_Blue.png" }, "web_accessible_resources": [ { "resources": [ "*" ], "matches": [ "*://*.twitter.com/*", "*://*.x.com/*" ] } ], "permissions": [ "notifications", "storage" ], "action": { "default_icon": { "16": "icon/newIcon_TUIC_C_Blue.png", "48": "icon/newIcon_TUIC_C_Blue.png", "128": "icon/newIcon_TUIC_C_Blue.png" }, "default_title": "Twitter UI Customizer", "default_popup": "popup/popup.html" }, "background": { "service_worker": "background.js", "type": "module" }, "host_permissions": [ "https://api.github.com/*", "https://abs.twimg.com/*" ]}
Read more

How to download and manually install Twitter UI Customizer extension for Chrome

Looking for a way to install Twitter UI Customizer extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Twitter UI Customizer extensions manually, this article outlines two simple methods to effortlessly install Twitter UI Customizer extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Twitter UI Customizer extension and manually install through Drag &Drop

If you ever need to manually install a Twitter UI Customizer extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Twitter UI Customizer Extension by clicking the "Download CRX" button on the website.

Look for the Twitter UI Customizer extension you wish to install. Go to the website and download the Twitter UI Customizer extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Twitter UI Customizer extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Twitter UI Customizer extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Twitter UI Customizer extension for Chrome and install in Developer Mode

This is another method to install Twitter UI Customizer extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Twitter UI Customizer extension file

Select and download the Twitter UI Customizer extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Twitter UI Customizer extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Twitter UI Customizer extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Twitter UI Customizer extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Twitter UI Customizer extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

GoodTwitter Extension · Productivity 3,000+ 944 ★ 11.05KiB

icon

VeriBlock on X (Twitter) : 認証アカウントの表示を制御 Extension · Productivity 3,000+ 33 ★ 2.36MiB

icon

DetailedTime Extension · Productivity 3,000+ 19 ★ 47.7KiB

icon

Return Tweet Source Label Extension · Accessibility 3,000+ 20 ★ 15.86KiB

icon

twitter_icon_x_to_bird Extension · Accessibility 3,000+ 138 ★ 45.95KiB

icon

Easy Blocker for X Extension · Social & Communication 3,000+ 28 ★ 51.57KiB

icon

Youtubeフィルタ Extension · Accessibility 3,000+ 137 ★ 127KiB

icon

Old Twitter Layout (2024) Extension · Social & Communication 3,000+ 461 ★ 1.86MiB

icon

x-zombie-killer Extension · Productivity 3,000+ 117 ★ 129KiB

icon

Calm Twitter Extension · Social & Communication 3,000+ 291 ★ 22.67KiB

icon

Twitter No Spam Extension · Social & Communication 3,000+ 8 ★ 972KiB

icon

Clean-Spam-Link-Tweet Extension · Productivity 3,000+ 53 ★ 182KiB

icon

Twitter Stress Reduction Extension · Social & Communication 3,000+ 54 ★ 52.36KiB

icon

twitter画像原寸ボタン Extension · Accessibility 3,000+ 162 ★ 75.16KiB

icon

Minimal Theme for Twitter / X Extension · Productivity 3,000+ 222 ★ 407KiB

icon

Control Panel for Twitter Extension · Social & Communication 3,000+ 647 ★ 104KiB

icon

TwitterTimelineLoader Extension · Accessibility 3,000+ 9 ★ 18.73KiB

icon

nico downloader Extension · Accessibility 3,000+ 109 ★ 8.53MiB

icon

Come-back-deck Extension · Productivity 3,000+ 11 ★ 10.37KiB

icon

People翻訳 Extension · Fun 3,000+ 21 ★ 4.71MiB

icon

Gossip Site Blocker Extension · Productivity 3,000+ 81 ★ 102KiB

icon

Twitter用 センシティブ画像大好き君 Extension · Accessibility 3,000+ 130 ★ 7.49KiB

icon

Twitterのキーボードショートカットを無効化するやつ Extension · Accessibility 3,000+ 11 ★ 122KiB

icon

Return YouTube Comment Username Extension · Accessibility 3,000+ 112 ★ 173KiB

User reviews

icon

レッサー (ID: 000000a4f9284a31) Voted 5 ★ - Updated 02/03/2024 最近のTwitterの設定がユーザーが何回見たかという表示の「アナリティクス」や、最近出てきた投稿した内容に「もっと見る」が表示されたり、曖昧な部分が多すぎて不必要な部分が多かった。  ですが、この拡張機能は左側のサイド設定(ホームや話題を検索など)や、他の人の投稿した設定(ニュースや話題)、右サイドのフォローしたかこの人はフォローしてます、など細かな設定が自分好みに出来る拡張機能です。  ちなみに設定したい時は【もっと見る】<【設定サポート】<【表示】から設定できます。  自分は見やすいように3色ぐらいにして見ました。  この拡張機能入れてそういった曖昧さがなくなり雰囲気が変わったのでこの拡張機能は入れておく事をオススメします。

icon

ベインティトレス (ID: 00000076a2985486) Voted 5 ★ - Updated 08/27/2023 最高の拡張機能。 おれの愛したTwitterが帰ってきた。

icon

kai (ID: 000000700f1c6c74) Voted 3 ★ - Updated 08/24/2023 プロフィール表示したとき非表示にできてないけど?

icon

rom rom (ID: 0000007208af0711) Voted 5 ★ - Updated 07/30/2023 Twitterのブックマークアイコン(ファビコン)を変えたくてたどり着きました。簡単に変更でき、Twitter左上の青い鳥も帰ってきました!ありがとう!

icon

TERRAZI TERRAZI (ID: 00000068724dc89e) Voted 5 ★ - Updated 07/27/2023 Xに変わってしまったアイコンやファビコンを元に戻したり、好きなものに変更したりできます。不必要なTwitterBlue関連のメニューを消したり、これなしでTwitter見る気がしなくなるくらい便利です。Firefox版もあります。 https://addons.mozilla.org/ja/firefox/addon/twitter-ui-customizer/