CSS To Tailwind

Chrome Web Store

by iamnyasha

v2.2.1 Updated Sep 24, 2023 182KiB

CWS

Users

★ 3.64

22 reviews

#1954

of 34.9K

developer

#153 of 2.5K

⚠️Not updated in over 2 years

Description

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

Reviews (7 cached)

Last 12 months

★☆☆☆☆2024-02-04

Bridges MP

It doesn't work

★☆☆☆☆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.

★★☆☆☆2024-08-07

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).

★★★☆☆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.

★★★☆☆2022-08-30

Sergio Vazquez II

LOOKS very nice, and the production quality is GREAT. Too bad it barely works. 😖