Gimli Tailwind is the most popular DevTools extension for Tailwind CSS developers. It lets you view and intuitively edit utility classes. Feature Highlights ? ✔️ Works on any website. ✔️ Autocomplete: Intelligent suggestions for class names. It also supports searching for CSS property names. ✔️ Instant feedback: Preview changes on hover. ✔️ Quickly toggle utility values with Cmd/Ctrl + Click. ✔️ Intuitive UI We dont 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. Personal data ? Gimli Tailwind will never collect any personal data, browsing history, etc.
You can Follow the below Step By Step procedure to install the Gimli Tailwind Chrome Extension to your Chrome Web browser.
It is the Gimli Tailwind Chrome extension download link you can download and install Chrome Browser.
Convert a website's styles to Tailwind CSS classes
Extract CSS and build beautiful styleguides.
The Chrome Extension for Tailwind Cheat Sheet
A sidebar pane for Tailwind CSS classes
Convert any HTML on any website to TailwindCSS
Inspect, edit and export animations made with CSS and Motion One.
Get one personalized feed for all the knowledge you need as a developer.
Tailwind CSS Developer Tools