Item logo image for CSS To Tailwind

CSS To Tailwind

Featured
3.8(

22 ratings

)
ExtensionDeveloper Tools3,000 users
Item media 4 screenshot
Item media 5 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 5 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 5 screenshot

Overview

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

3.8 out of 522 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Thinkbig OnlineAug 7, 2024

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

Review's profile picture

Bridges MPFeb 4, 2024

It doesn't work

3 out of 3 found this helpful
Review's profile picture

James SingletonJul 10, 2023

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.

3 out of 3 found this helpful

Details

  • Version
    2.2.1
  • Updated
    September 24, 2023
  • Offered by
    iamnyasha
  • Size
    182KiB
  • Languages
    English
  • Developer
    Email
    r2kaseke@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, please open this page on your desktop browser

Google apps