CSS To Tailwind

Convert a website's styles to Tailwind CSS classes

Qu'est-ce que CSS To Tailwind ?

CSS To Tailwind est une extension Chrome développée par iamnyasha, et sa fonction principale est "Convert a website's styles to Tailwind CSS classes".

Captures d'Écran de l'Extension

screenshot
screenshot
screenshot
screenshot
screenshot

Télécharger le fichier CRX de l'extension CSS To Tailwind

Téléchargez les fichiers d'extension CSS To Tailwind au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

                        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                    

Informations de Base sur l'Extension

Nom CSS To Tailwind CSS To Tailwind
ID jlmlldiahhaejpjnonbddoniicdemakl
URL Officiel https://chromewebstore.google.com/detail/css-to-tailwind/jlmlldiahhaejpjnonbddoniicdemakl
Description Convert a website's styles to Tailwind CSS classes
Taille du Fichier 182 KB
Nombre d'Installations 3,905
Version Actuelle 2.2.1
Dernière Mise à Jour 2023-09-24
Date de Publication 2021-06-08
Évaluation 3.85/5 Total 20 Évaluations
Développeur iamnyasha
Email [email protected]
Type de Paiement free
Langues Prises en Charge 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"
            ]
        }
    ]
}