CSS To Tailwind

Featured

3.6(

22 ratings

)

Extension Developer Tools2,000 users

Item media 4 (screenshot) for CSS To Tailwind

Item media 5 (screenshot) for CSS To Tailwind

Item media 1 (screenshot) for CSS To Tailwind

Item media 2 (screenshot) for CSS To Tailwind

Item media 3 (screenshot) for CSS To Tailwind

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.6 out of 5
22 ratings
Learn more about results and reviews.

Details

Version
2.2.1
Updated
September 24, 2023
Flag concern
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

Manage extensions and learn how they're being used in your organization

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

Alpine.js devtools

4.1

DevTools extension for debugging Alpine.js applications.

SnipCSS

3.8

Extract the CSS/HTML for any element on any page, only take the styles you want

Tailwind CSS Devtools

4.4

Tailwind CSS Developer Tools

Gimli Tailwind

4.3

A DevTools extension enabling smart tools for Tailwind CSS.

Windy

2.7

Convert any HTML on any website to TailwindCSS

Tailscan

4.3

Tailscan is the ultimate developer tool for Tailwind CSS

Tailwind Color Picker

4.4

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

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

HTML to React

4.6

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

Toolwind - Devtool for Tailwind css

4.2

Enhance Tailwind CSS workflow: Easily add, modify, remove, and copy classes with built-in Tailwind IntelliSense

CSS Scan

3.3

The fastest and easiest way to check, copy and edit CSS.

Tailwind Cheat Sheet

4.2

Every Tailwind CSS v4 utility and variant at a glance. Search, preview colors and copy classes in one click.