O que é CSS To Tailwind?

CSS To Tailwind é uma extensão do Chrome desenvolvida por iamnyasha, e sua principal característica é "Convert a website's styles to Tailwind CSS classes".

Capturas de Tela da Extensão

Baixar o arquivo CRX da Extensão CSS To Tailwind

Baixe arquivos de extensão CSS To Tailwind no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

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

Informações Básicas da Extensão

Nome	CSS To Tailwind
ID	jlmlldiahhaejpjnonbddoniicdemakl
URL Oficial	https://chromewebstore.google.com/detail/css-to-tailwind/jlmlldiahhaejpjnonbddoniicdemakl
Descrição	Convert a website's styles to Tailwind CSS classes
Tamanho do Arquivo	182 KB
Contagem de Instalações	3,905
Versão Atual	2.2.1
Última Atualização	2023-09-24
Data de Publicação	2021-06-08
Classificação	3.85/5 Total de 20 Avaliações
Desenvolvedor	iamnyasha
Email	[email protected]
Tipo de Pagamento	free
Idiomas Suportados	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" ] } ] }