What is Gimli Tailwind?

Gimli Tailwind is a Chrome extension developed by https://gimli.app, and its main feature is "A DevTools extension enabling smart tools for Tailwind CSS.".

Extension Screenshots

Download Gimli Tailwind Extension CRX File

Download Gimli Tailwind extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

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.

Extension Basic Information

Name	Gimli Tailwind
ID	fojckembkmaoehhmkiomebhkcengcljl
Official URL	https://chromewebstore.google.com/detail/gimli-tailwind/fojckembkmaoehhmkiomebhkcengcljl
Description	A DevTools extension enabling smart tools for Tailwind CSS.
File Size	94.46 KB
Installation Count	6,431
Current Version	4.0
Last Updated	2024-01-18
Publish Date	2022-06-16
Rating	4.55/5 Total 22 Ratings
Developer	https://gimli.app
Email	[email protected]
Payment Type	free
Extension Website	https://gimli.app/tailwinddx.html
Supported Languages	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" }