Gimli Tailwind icon

Gimli Tailwind

Extension Actions

CRX ID
fojckembkmaoehhmkiomebhkcengcljl
Status
  • Extension status: Featured
Description from extension meta

A DevTools extension enabling smart tools for Tailwind CSS.

Image from store
Gimli Tailwind
Description from store

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 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.

Personal data 🔒
Gimli Tailwind will never collect any personal data, browsing history, etc.

Latest reviews

Lavi Ray (MK)
Found the tab. It's in the same section inside elements with Style not in the upper section.
Ovi Savescu
doesn't work for me, no "Gimli" item appears in dev tools after installing extension.
Oscar Sjöcrona
Really nice!!
Ken Stumpf
Amazing for flex and grids because I never remember the syntax.
Brett Haymaker
This tool is mind-bendingly good. No - it's not good. It's great. It's the best. What are you still doing standing around? Download it. Then eat a sandwich. It'll be the best sandwich you ever eat because you now have a new super power.
folorunso joseph
This is really cool !!
Anmol Pandey
not able to copy to clipboard on m1 mac chrome
armin nekooee
Everything is perfect. But for me, it is not applied by moving the mouse between the items obtained by searching, and I must click on an item to apply it. Is this problem only for me?
Nguyen Dang Khoa
This is amazing for new Tailwind learner like me. Thank you very much.
Eduardo Hilário
Exceptional extension! An invaluable addition to future iterations would be the integration of a feature that elegantly displays the applied classes within a meticulously organized list, thereby providing a thorough and insightful overview.
Amber Joy
It's pretty nice, but feels incomplete, and I end up not using it very often. I keep running into issues where I'm using x- and y-axis values for padding/margin, and Gimli doesn't seem to recognize or support them (only top/bottom or left/right, or all sides). `px/py` and `mx/my`support would be fantastic!
Alex Martishin
This is a great tool that helps me decrease the feedback loop when styling tailwind-based websites
Josh Kasap
Very good, always room for improvement, a search option in particular would be really nice as sometimes it's hard to remember where certain properties are. But overall very helpful and greatly reduces trial and error testing different styles.
Josh Kasap
Very good, always room for improvement, a search option in particular would be really nice as sometimes it's hard to remember where certain properties are. But overall very helpful and greatly reduces trial and error testing different styles.
Luigi Pederzani
Very useful!
Luigi Pederzani
Very useful!
Red Starstuff
Amazing tool. As a new developer, it helps me a lot!
Red Starstuff
Amazing tool. As a new developer, it helps me a lot!
Motasem Alsamman
Great extension!
Motasem Alsamman
Great extension!
Vyom Chaudhari
One of the best plugin ever! Made my developement 1000x easier. Thank you so much, please dont stop developing this. I will donate soon.
Vyom Chaudhari
One of the best plugin ever! Made my developement 1000x easier. Thank you so much, please dont stop developing this. I will donate soon.
Jason Swartz
The youtube vid looks great, but this appeared as "Gimli Tailwind" in my chrome devtools on macos as an empty pane.
Jason Swartz
The youtube vid looks great, but this appeared as "Gimli Tailwind" in my chrome devtools on macos as an empty pane.
Jim h
One more option for debugging Tailwind CSS.
Jim h
One more option for debugging Tailwind CSS.
Sergio Vazquez II
A near PERFECT Tailwind plugin! If it had DARK MODE I would give it 5 STARS.
Sergio Vazquez II
A near PERFECT Tailwind plugin! If it had DARK MODE I would give it 5 STARS.
Oneman
Not updating
Oneman
Not updating
Ferran Buireu
Super útil si debugas webs con Tailwind
dagmawi gezachew
excellent
dagmawi gezachew
excellent
Jaša Mihelčič
Absolutely amazing!
Jaša Mihelčič
Absolutely amazing!
Jesus
Super tool!
Jesus
Super tool!
Daniel Calderon
Looks like I'm the first! I tried other tools from this developer before and it got in my radar, now they come with this tool and looks prety cool, I have played with tailwind but might consider to try it again now that this tool is here! It's also pretty nice to open webpages and try changing some values.
Daniel Calderon
Looks like I'm the first! I tried other tools from this developer before and it got in my radar, now they come with this tool and looks prety cool, I have played with tailwind but might consider to try it again now that this tool is here! It's also pretty nice to open webpages and try changing some values.