pgamkpjkbfldnmemhcbekimfdnjcgkco
All-in-one browser extension for Tailwind CSS Developer. Features 🔥 🗂 Quickly inspect edit and filter HTML elements with TailwindCSS utility classes. ✨ Support Tailwindcss Intellisense autocompletion for JIT mode. ✔️ Custom config support. Personal data 🔒 Tailwind CSS Devtools had never collected and will never collect any personal data, browsing history, etc. Tailwind CSS Devtools also doesn't share/care about your data at all.
CSS To Tailwind
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
Gimli Tailwind
A DevTools extension enabling smart tools for Tailwind CSS. The professional Devtools extension for Tailwind CSS developers. It lets you view and intuitively edit utility classes. Please note: Gimli Tailwind requires a $49 one-time lifetime license. No subscriptions. You can purchase your license via the extension (includes a 14-day money-back guarantee). ✔️ Autocomplete: Intelligent suggestions for class names. It also supports searching for CSS property names. ✔️ Quickly toggle utility values with Cmd/Ctrl + Click. ✔️ Intuitive UI We don't want to overwhelm developers with options and inputs. Here’s a list of features that enable developers to find relevant utilities quickly: ➤ Variant override: Displays what variant is active. ➤ Inputs are grouped the same way as in the official docs. ➤ Some sections like Grid and Flex will only be visible when relevant. ➤ Active inputs are always shown. ➤ Customizable UI.
Tailwind Color Picker
Tailwind Color Picker allows you to pick a pixel from any web page and return the closest tailwind color. This chrome extension will calculate the closest Tailwind color in any website you open it in so you can quickly prototype.
Windy
Speed up your workflow with Windy – the browser extension that transforms any HTML element into a Tailwind CSS component. Converting existing sites and projects to Tailwind CSS is a time-consuming and tedious process. So don’t waste your time. Save hours or days of hassle with Windy. This simple browser extension allows you to copy HTML elements from any site and instantly transform them into Tailwind CSS. This is a paid browser extension and you will need to have a valid license key, which you can obtain at https://usewindy.com
