Automatically convert a websites 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
You can Follow the below Step By Step procedure to install the CSS To Tailwind Chrome Extension to your Chrome Web browser.
It is the CSS To Tailwind Chrome extension download link you can download and install Chrome Browser.
Extract CSS and build beautiful styleguides.
The Chrome Extension for Tailwind Cheat Sheet
A sidebar pane for Tailwind CSS classes
DevTools extension for debugging Alpine.js applications.
A DevTools extension enabling smart tools for Tailwind CSS.
Devtools for Tailwind CSS
Convert any HTML on any website to TailwindCSS
Tailwind CSS Developer Tools