iaknbjonlhaajcfpfcimahgpfknpihfm
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.
Alpine.js devtools
DevTools extension for debugging Alpine.js applications. Alpine.js devtools is a Chrome extension for the Alpine.js JavaScript library. It allows you to detect, inspect and edit Alpine.js data and components in the Chrome Developer Tools. After installing you will see a new tab in the Chrome DevTools. This Alpine.js tab displays a list of Alpine.js components that are rendered on the page. By selecting one of the components in the list, you can inspect and edit its current data in the panel to the right. The ability to change data on the fly helps with debugging Alpine.js components. If your application uses Alpine stores or encounters evaluation errors, the stores and warnings tabs will be populated.
Tailwind Cheat Sheet Extension
The Chrome Extension for Tailwind Cheat Sheet Chrome extension to easily access Tailwind's classes. The extension provides following features: 1. Easily accessible tailwind classes 2. Click on the class to copy the same to clipboard 3. Search for classes 4. Open Source 5. Supports dark and light theme
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
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.
