Gimli Tailwind

A DevTools extension enabling smart tools for Tailwind CSS.

什么是Gimli Tailwind?

Gimli Tailwind是由https://gimli.app开发的Chrome扩展程序,该扩展的主要功能是“A DevTools extension enabling smart tools for Tailwind CSS.”。

扩展截图

screenshot
screenshot

下载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 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
电子邮箱 [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"
}