What is CSS To Tailwind?

CSS To Tailwind is a Chrome extension developed by iamnyasha, and its main feature is "Convert a website's styles to Tailwind CSS classes".

Extension Screenshots

Download CSS To Tailwind Extension CRX File

Download CSS To 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

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

Extension Basic Information

Name	CSS To Tailwind
ID	jlmlldiahhaejpjnonbddoniicdemakl
Official URL	https://chromewebstore.google.com/detail/css-to-tailwind/jlmlldiahhaejpjnonbddoniicdemakl
Description	Convert a website's styles to Tailwind CSS classes
File Size	182 KB
Installation Count	3,905
Current Version	2.2.1
Last Updated	2023-09-24
Publish Date	2021-06-08
Rating	3.85/5 Total 20 Ratings
Developer	iamnyasha
Email	[email protected]
Payment Type	free
Supported Languages	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" ] } ] }