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
Latest reviews
- (2023-07-11) 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.
- (2023-05-24) Jeff Williams: You can use an extension called DivMagic instead of this one. DivMagic works perfectly.
- (2023-05-07) Alex Henderson: Doesn't seem to work
- (2023-05-04) Aman: Not working anymore. Please Update.
- (2023-03-28) Slow Coder: I don't know how it works, no clear guidness
- (2022-09-15) austin johnson: This is an awesome tool great job!!
- (2022-08-30) Sergio Vazquez II: LOOKS very nice, and the production quality is GREAT. Too bad it barely works. 😖
- (2022-03-24) Jose Erick Carreon: Excelente, pero no funciona con modales.
- (2022-03-06) Mwila _: The author is a true lvl 100 mafia boss. 100% respect gained.
- (2022-02-20) Amjed Ali: Nice one
- (2022-02-11) Bilal Shahid: works really good.
- (2022-02-02) Sanat Gupta: awesome
- (2022-01-27) Brenda Morales Arellano: Es excelente, facilita el trabajo de tener que inspeccionar cada elemento.
- (2021-11-05) Mekan Allanov: Well done. Thanks.
- (2021-09-28) Mohamad Ramzani (Software Developer): full perfect
- (2021-06-28) Deepak Kumar Sachan: Nice...