Item logo image for CSS To Tailwind

CSS To Tailwind

Featured
3.8(

22 ratings

)
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

Related

Tailwind Cheat Sheet Extension

4.2(5)

The Chrome Extension for Tailwind Cheat Sheet

Alpine.js devtools

4.4(33)

DevTools extension for debugging Alpine.js applications.

Tailwind CSS Devtools

4.5(6)

Tailwind CSS Developer Tools

Gimli Tailwind

4.5(30)

A DevTools extension enabling smart tools for Tailwind CSS.

Windy

2.9(21)

Convert any HTML on any website to TailwindCSS

Tailwind Devtools

2.5(8)

A sidebar pane for Tailwind CSS classes

Devtools for Tailwind CSS

2.5(18)

Devtools for Tailwind CSS

Tailscan

4.5(16)

Tailscan is the ultimate developer tool for Tailwind CSS

Tailwind Color Picker

4.2(6)

Tailwind Color Picker allows you to pick a pixel from any web page and return the closest tailwind color.

DivMagic - Copy Style from any website

3.8(51)

Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.

Tailwind UI React

5.0(7)

Automatic translation of Tailwind UI components to React

HTML to React

5.0(4)

The fastest and smartest way to analyze HTML elements and generate full React component representations.

Tailwind Cheat Sheet Extension

4.2(5)

The Chrome Extension for Tailwind Cheat Sheet

Alpine.js devtools

4.4(33)

DevTools extension for debugging Alpine.js applications.

Tailwind CSS Devtools

4.5(6)

Tailwind CSS Developer Tools

Gimli Tailwind

4.5(30)

A DevTools extension enabling smart tools for Tailwind CSS.

Windy

2.9(21)

Convert any HTML on any website to TailwindCSS

Tailwind Devtools

2.5(8)

A sidebar pane for Tailwind CSS classes

Devtools for Tailwind CSS

2.5(18)

Devtools for Tailwind CSS

Tailscan

4.5(16)

Tailscan is the ultimate developer tool for Tailwind CSS

Google apps