CSS To Tailwind

Convert a website's styles to Tailwind CSS classes

What is CSS To Tailwind?

'CSS To Tailwind' is a Chrome extension that enables users to replace a website's CSS with equivalent Tailwind CSS classes. With a simple hover and click, users can view and copy converted Tailwind CSS class names, identify missing styles and even access the full element CSS styles at their convenience. However, stylesheets on different domains are not considered.

Download

Extension stats

By: iamnyasha

View on Chrome Web Store

Users: 3,000+

Rating: 3.82 (22)

Version: 2.2.1 (Last updated: 2023-09-24)

Creation date: 2021-06-08

Risk impact: Moderate risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 3

Permissions:

storage

Host permissions:

https://*/*

Size: 186.37K

Email: r2*****@gmail.com

Ranking

# 17936 ▼ 57

Other rankings

#210 in Developer Tools ▲ 1 #135 in hover keyword 10 ▼ 2 #147 in class keyword 6 ▲ 2 #247 in element keyword 21 ▼ 2 #274 in style keyword 21 ▼ 6

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

Automatically convert a website's CSS into TailwindCSS classes. Missing styles are added as arbitrary values.

Easy as:

Click the extension icon
Hover on the element you want to convert
Right click to copy the class names to clipboard

Features:

Hover an element to view its converted TailwindCSS Classes
Shows you which styles are missing from TailwindCSS
Copy just the class names or grab the entire element CSS styles

Short-comings:

Uses Document.styleSheets behind the scenes and stylesheets on different domains will not be taken into account

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

It's a free tool.
Looks nice and has good production quality.
Some users find it helpful for CSS translation.

Cons

Doesn't work consistently or reliably.
Only translates single elements at a time.
Lacks clear guidance on usage.
Not functioning properly with modals.

Most mentioned

It doesn't work or is buggy.
DivMagic is recommended as a better alternative.
The tool has some potential but needs improvement.

Recent reviews

Mochammad Rezza Wikandito, 2024-08-28

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