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

Stats

By: iamnyasha

View on Chrome Web Store

Users: 3,000+

Rating: 3.90 (21) ▲ 0.05

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

Stats date:

Chrome-Stats Rank

# 16764 ▲ 288

Other rankings

#162 in Developer Tools ▼ 2 #97 in hover keyword 27 ▲ 1 #202 in element keyword 12 ▼ 2 #210 in style keyword 22 ▼ 2

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.

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

User reviews summary

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

Free to use
Nice design
Some users find it works well

Cons

Doesn't work for some users
Limited functionality
Lack of clear guidance

Most mentioned

Doesn't work
Nice design
Free to use

Recent reviews

花开花落, 2024-06-14

It doesn't work

Bridges MP, 2024-02-04

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, 2023-07-11

View all user reviews

Safety

Risk impact

CSS To Tailwind may not be safe to use and it requires some risky permissions. Exercise caution when installing this extension. Review carefully before installing.