A devtools extension enabling smart tools for tailwind css..
Gimli Tailwind let's developers debug and work with Tailwind CSS in a more intuitive way.
Here are some feature highlights:
instant feedback
Building complex layouts takes a lot of trial and error. gimli tailwind lets the developer preview changes just by hovering on different values. We also let developers:
- Ctrl+Click to toggle values on/off
- Ctrl+Hold-and-drag to use inputs as sliders
By focusing on instant feedback, we enable developers to build better websites faster.
Show what's relevant.
We don't want to overwhelm developers with options and inputs. Here’s a list of features which enables developers to quickly find relevant utilities:
- Inputs are grouped the same way as in the official docs.
- Flex and grid elements will show relevant grid/Flex inputs.
- Active inputs are always shown.
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.
Tags: Relevant Grid , Developer Preview Changes , Gimli Tailwind Lets , Feature Highlights , Relevant Gridflex Inputs , Enable Developers , Gimli Tailwind , Smart Tools , Enabling Smart , Gimli Tailwind Let , Let Developers , Layouts Takes Lot , Tailwind Css , Devtools Extension ,
Detects Tailwind CSS use in a web page.
Devtools for Tailwind CSS
Tailwind Devtools for Chrome - by Buglink and ReDevtools
Tailwind Eye Dropper is an open source extension that allows you to pick colors from web pages and convert them to a Tailwind preset
Tailwind CSS Developer Tools
The Chrome Extension for Tailwind Cheat Sheet
Easily schedule and publish content to Pinterest and Instagram.
The complete developer tool for Tailwind CSS!
Automatic translation of Tailwind UI components to React
Convert any HTML on any website to TailwindCSS