Gimli Tailwindとは何ですか？

Gimli Tailwindはhttps://gimli.appによって開発されたChromeの拡張機能で、その主な機能は「A DevTools extension enabling smart tools for Tailwind CSS.」です。

拡張機能のスクリーンショット

Gimli Tailwind拡張機能のCRXファイルをダウンロード

Gimli Tailwind拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

Gimli Tailwind is the most popular DevTools extension for Tailwind CSS developers.
It lets you view and intuitively edit utility classes.

Feature Highlights 🔥

✔️ Works on any website.

✔️ Autocomplete:
Intelligent suggestions for class names. It also supports searching for CSS property names.

✔️ Instant feedback: Preview changes on hover.

✔️ Quickly toggle utility values with Cmd/Ctrl + Click.

✔️ Intuitive UI
We don't want to overwhelm developers with options and inputs. Here’s a list of features that enable developers to find relevant utilities quickly:

➤ Variant override: Displays what variant is active.
➤ Inputs are grouped the same way as in the official docs.
➤ Some sections like Grid and Flex will only be visible when relevant.
➤ Active inputs are always shown.
➤ Customizable UI.

Personal data 🔒
Gimli Tailwind will never collect any personal data, browsing history, etc.

拡張機能の基本情報

名前	Gimli Tailwind
ID	fojckembkmaoehhmkiomebhkcengcljl
公式URL	https://chromewebstore.google.com/detail/gimli-tailwind/fojckembkmaoehhmkiomebhkcengcljl
説明	A DevTools extension enabling smart tools for Tailwind CSS.
ファイルサイズ	94.46 KB
インストール数	6,431
現在のバージョン	4.0
最終更新日	2024-01-18
公開日	2022-06-16
評価	4.55/5 合計 22 レビュー
開発者	https://gimli.app
Eメール	[email protected]
支払い方法	free
拡張機能のウェブサイト	https://gimli.app/tailwinddx.html
対応言語	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "description": "A DevTools extension enabling smart tools for Tailwind CSS.", "manifest_version": 3, "name": "Gimli Tailwind", "version": "4.0", "author": "Joakim Hjertvik", "homepage_url": "https:\/\/gimli.app\/tailwinddx", "icons": { "16": "icons\/logo48.png", "48": "icons\/logo48.png", "128": "icons\/logo128.png" }, "host_permissions": [ ":\/\/\/*" ], "permissions": [ "clipboardWrite" ], "content_scripts": [ { "matches": [ "" ], "js": [ "content.js" ] } ], "devtools_page": "devtools\/devtools-page.html" }