CSS To Tailwind

Convert a website's styles to Tailwind CSS classes

Was ist CSS To Tailwind?

CSS To Tailwind ist eine Chrome-Erweiterung, die von iamnyasha entwickelt wurde, und ihr Hauptmerkmal ist "Convert a website's styles to Tailwind CSS classes".

Erweiterungsscreenshots

screenshot
screenshot
screenshot
screenshot
screenshot

CSS To Tailwind-Erweiterungs-CRX-Datei herunterladen

Laden Sie CSS To Tailwind-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

                        Automatically convert a website's CSS into TailwindCSS classes. Missing styles are added as arbitrary values.

Easy as:
1. Click the extension icon
2. Hover on the element you want to convert
3. Right click to copy the class names to clipboard

Features:
1. Hover an element to view its converted TailwindCSS Classes
2. Shows you which styles are missing from TailwindCSS
3. Copy just the class names or grab the entire element CSS styles

Short-comings:
1. Uses Document.styleSheets behind the scenes and stylesheets on different domains will not be taken into account                    

Grundlegende Informationen zur Erweiterung

Name CSS To Tailwind CSS To Tailwind
ID jlmlldiahhaejpjnonbddoniicdemakl
Offizielle URL https://chromewebstore.google.com/detail/css-to-tailwind/jlmlldiahhaejpjnonbddoniicdemakl
Beschreibung Convert a website's styles to Tailwind CSS classes
Dateigröße 182 KB
Installationsanzahl 3,905
Aktuelle Version 2.2.1
Letztes Update 2023-09-24
Veröffentlichungsdatum 2021-06-08
Bewertung 3.85/5 Insgesamt 20 Bewertungen
Entwickler iamnyasha
E-Mail [email protected]
Zahlungsart free
Unterstützte Sprachen en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "icons": {
        "16": "icon16.plasmo.6c567d50.png",
        "32": "icon32.plasmo.76b92899.png",
        "48": "icon48.plasmo.aced7582.png",
        "64": "icon64.plasmo.8bb5e6e0.png",
        "128": "icon128.plasmo.3c1ed2d2.png"
    },
    "manifest_version": 3,
    "action": {
        "default_icon": {
            "16": "icon16.plasmo.6c567d50.png",
            "32": "icon32.plasmo.76b92899.png",
            "48": "icon48.plasmo.aced7582.png",
            "64": "icon64.plasmo.8bb5e6e0.png",
            "128": "icon128.plasmo.3c1ed2d2.png"
        }
    },
    "version": "2.2.1",
    "author": "Richard Kaseke. ",
    "name": "CSS To Tailwind",
    "description": "Convert a website's styles to Tailwind CSS classes",
    "background": {
        "service_worker": "static\/background\/index.js"
    },
    "permissions": [
        "storage"
    ],
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "content.06af5f40.js"
            ],
            "css": []
        }
    ],
    "host_permissions": [
        "https:\/\/*\/*"
    ],
    "web_accessible_resources": [
        {
            "matches": [
                ""
            ],
            "resources": [
                "content.e2b1d2ad.css"
            ]
        }
    ]
}