tailwind

A DevTools extension enabling smart tools for Tailwind CSS.

Tailwind CSS Developer Tools

Built with Tailwind CSS is a Chrome Extension that identifies the usage of Tailwind CSS in web pages.

Convert a website's styles to Tailwind CSS classes

This extension shows the current viewport size including the TailwindCSS size. You can also set the viewport size using the popup.

The Chrome Extension for Tailwind Cheat Sheet

Easily inspect and edit Tailwind CSS classes on web pages for rapid prototyping and debugging

Display screen dimensions and tailwind breakpoint prefix.

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

Pin from anywhere fast! Tailwind's extension is the ultimate time-saving, productivity-boosting Pinterest marketing tool.

Display the current Tailwind CSS breakpoint and viewport width in a draggable indicator

Inspect. Edit. Build. Tailwind, right in your browser.

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

Build, design and debug your Tailwind website visually with TailwindCSS Studio, right within the browser.

Instantly copy any Tailwind CSS Color using the Tailwind Color Palette extension, by Tailcolors.

Streamline your Tailwind CSS development with real-time inspection and intuitive class management—right in your browser.

Copy any TailwindCSS class with a simple tap! Tap, copy, and code – it’s that easy!

设计搞上的css代码转tailwindcss

Copy CSS properties from any web element with CSS Scanly. Supports Tailwind & Bootstrap, Helpful for developers and designers

Preview React and TailwindCSS code in real-time within the ChatGPT chat window, without the tedious copying and pasting.

Pick the nearest Tailwind color from any website, Compare with Tailwind colors, Copy Tailwind classes.

Convert any HTML on any website to TailwindCSS

A chrome extension for finding quickly all the class names and CSS properties with this interactive cheat sheet.

Hover over elements to highlight and display their CSS as Tailwind utility classes.

This extension helps you to see tailwind gradients and generates tailwindcss code

Translate Tailwind CSS utility classes into readable CSS properties for easier debugging

TailwindCSSのフォントサイズを早見して、クラス名をコピーできる拡張機能です。

Tailscan is the ultimate developer tool for Tailwind CSS

Chrome extension to help convert any web page to tailwind css classes

Extract Tailwind CSS classes from hovered elements

Visual editor for Tailwind CSS

Helps developers instantly convert HTML elements into inline CSS or Tailwind utility classes. Perfect for fast UI prototyping.

TailSurgery is an extension that helps you inspect and copy Tailwind CSS styles.

Extract colors and images, generate Tailwind CSS palettes, check WCAG contrast ratios, and inspect elements in real-time.

TailwindCSSのmargin/paddingで使えるピクセル数を早見して、クラス名をコピーできる拡張機能です。

Displays the current Tailwind CSS breakpoint and screen width in pixels.

Taildoor is the essential developer tool for Tailwind CSS

Seamlessly visualize Tailwind CSS media queries, enhancing your UI experience.

Pick any color on screen and instantly get its Tailwind CSS class, hex, rgb, hsl values. Perfect for designers & devs.

ChatGPT Extension

Engage with Pins you love—Tailwind Turbo lets you do it fast and easy without ever leaving Pinterest.

Generate Tailwind CSS gradient code easily.

Hover any element to view/copy Tailwind classes or convert CSS to Tailwind

Free to scan tailwind css and export tailwind CSS component in any website page

copy html and css from any website

Tailwindcss Extension

GoTailwind is a cutting-edge browser extension designed to simplify your web development workflow by converting traditional CSS…

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

Extract any CSS / Tailwind in one click

The complete developer tool for Tailwind CSS!