CSS To Tailwind Chrome Extension

Convert a website's styles to tailwind css classes.
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

How to install CSS To Tailwind chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the CSS To Tailwind Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension CSS To Tailwind Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the CSS To Tailwind in Chrome Webstore Search and click on the search button.
• Step 3: click on the CSS To Tailwind Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the CSS To Tailwind extension for your Chrome Web browser .