CSS To Tailwind icon

CSS To Tailwind

Extension Actions

CRX ID
jlmlldiahhaejpjnonbddoniicdemakl
Status
  • Extension status: Featured
Description from extension meta

Convert a website's styles to Tailwind CSS classes

Image from store
CSS To Tailwind
Description from store

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

Latest reviews

Thinkbig Online
i thought copying an element from a non-tailwind site to be translated to tailwind. It is not. And it feels buggy (sometimes it doesn't get anything to clipboard).
Bridges MP
It doesn't work
James Singleton
It "works" to a degree... Clicking the extension to try and enable it doesn't seem to always work. For some reason I can't copy the styles, just open a codesandbox. However, it seems to only get a single element at a time. For example, I can't click on a ul, I can only get the individual li elements within it. But I mean the extension is free... so there's that.
James Singleton
It "works" to a degree... Clicking the extension to try and enable it doesn't seem to always work. For some reason I can't copy the styles, just open a codesandbox. However, it seems to only get a single element at a time. For example, I can't click on a ul, I can only get the individual li elements within it. But I mean the extension is free... so there's that.
Jeff Williams
You can use an extension called DivMagic instead of this one. DivMagic works perfectly.
Jeff Williams
You can use an extension called DivMagic instead of this one. DivMagic works perfectly.
Alex Henderson
Doesn't seem to work
Alex Henderson
Doesn't seem to work
Aman
Not working anymore. Please Update.
Aman
Not working anymore. Please Update.
Slow Coder
I don't know how it works, no clear guidness
austin johnson
This is an awesome tool great job!!
austin johnson
This is an awesome tool great job!!
Sergio Vazquez II
LOOKS very nice, and the production quality is GREAT. Too bad it barely works. 😖
Sergio Vazquez II
LOOKS very nice, and the production quality is GREAT. Too bad it barely works. 😖
Jose Erick Carreon
Excelente, pero no funciona con modales.
Mwila _
The author is a true lvl 100 mafia boss. 100% respect gained.
Amjed Ali
Nice one
Amjed Ali
Nice one
Bilal Shahid
works really good.
Bilal Shahid
works really good.
Sanat Gupta
awesome
Sanat Gupta
awesome
Brenda Morales Arellano
Es excelente, facilita el trabajo de tener que inspeccionar cada elemento.
Mekan Allanov
Well done. Thanks.
Mekan Allanov
Well done. Thanks.
Mohamad Ramzani (Software Developer)
full perfect
Mohamad Ramzani (Software Developer)
full perfect
Deepak Kumar Sachan
Nice...
Deepak Kumar Sachan
Nice...