Gimli Tailwind

A DevTools extension enabling smart tools for Tailwind CSS.

Gimli Tailwind is a powerful DevTools extension designed for Tailwind CSS developers to efficiently view and edit utility classes across any website.

Key features include intelligent autocomplete with suggestions for class names and CSS properties, instant feedback with on-hover previews, and quick toggling of utility values using Cmd/Ctrl + Click. Its intuitive UI groups inputs as per official Tailwind docs, highlights active variants, and displays relevant sections like Grid and Flex only when applicable. The extension is fully customizable and ensures user privacy by never collecting personal data or browsing history.

Manifest V3
Users:
10,000+
Rating:
4.57
(35)
Version:
4.5 (Last updated: 2025-02-04)
Creation date:
2022-06-16
Permissions:
  • clipboardWrite
Host permissions:
  • *://*/*
Size:
158.72K
URLs:
Website
Full description:
See detailed description
Updated:
14 hours ago

Other platforms

Gimli Tailwind (v4.2)
159 5.00 (2)

User reviews

Gimli Tailwind is widely praised for its simplicity and effectiveness in generating Tailwind CSS styles, making it especially helpful for beginners and speeding up development. Users appreciate its debugging capabilities and overall usefulness. However, some recurring issues include limited support for axis-specific utilities (px/py, mx/my), problems with clipboard functionality on certain systems, and usability improvements like adding a search option, dark mode, or more intuitive application of styles. A few users have experienced technical glitches such as the extension appearing empty in Chrome DevTools.
Pros
  • Simplifies generating Tailwind CSS styles with an intuitive interface.
  • Great aid for beginners learning Tailwind CSS.
  • Significantly speeds up development and reduces trial-and-error in styling.
  • Useful for debugging Tailwind-based websites.
  • Well-received for ease of use and being a valuable addition to workflows.
Cons
  • Lacks support for x- and y-axis utilities like px/py and mx/my, limiting some styling capabilities.
  • Copy to clipboard function not working on M1 Mac Chrome for some users.
  • Requires clicking to apply styles rather than applying by hovering, which some users find less intuitive.
  • Missing features such as a search option to find properties quickly and a dark mode for better usability.
  • Some users report the extension appearing as an empty pane in Chrome DevTools on macOS.
Recent reviews
C'est vraiment l'outil qu'il fallait. Juste générer le style tailwind avec une interface c'est simple efficace gratuit Je cherchais un outil comme ça depuis longtemps je suis ravi !
by P SeNej, 2025-01-19

Amazing for flex and grids because I never remember the syntax.
by Ken Stumpf, 2024-09-06

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.
by Brett Haymaker, 2024-08-13
View all user reviews

Extension safety

Risk impact

Gimli Tailwind requires some sensitive permissions that could impact your browser and data security. Exercise caution before installing.

Risk impact analysis details
  • Critical Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
  • High ******* ******* **** *** ****** ***** *** ***** ** ******* **** ********* ********* ** * *********** *****
  • High ****** ******* *** ********* ********* ******** ***** *** ** ********** ****** * ******** ******* *****
  • Medium ****** ** ********* ****** ********* *** **** ****** **** **** ** ******* ** ********** **** ***********
Risk likelihood

Gimli Tailwind has earned a fairly good reputation and likely can be trusted.

Risk likelihood analysis details
  • High This extension has low user count. Unpopular extensions may not be stable or safe.
  • Medium **** ********* *** ******* ** *** **** * ******* *** ******* *** *** ** ****** ** *****
  • Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
  • Good **** ********* ** * ******** ********* ** ****** *** *****
  • Good **** ********* *** **** **** *******
Upgrade to see full risk analysis details

Promo images

Gimli Tailwind marquee promo image
Marquee promo image
Small promo image

Similar extensions

Here are some Chrome extensions that are similar to Gimli Tailwind:

Tailwind Devtools Tailwind Devtools
Boy with Silver Wings
1,000 2.50 (8)
CSS To Tailwind CSS To Tailwind
iamnyasha
3K 3.64 (22)
Tailwind Cheat Sheet Extension Tailwind Cheat Sheet Extension
shahid.sk27595
2K 4.20 (5)
Windy Windy
https://usewindy.com
4K 2.77 (22)
Tailwind CSS Devtools Tailwind CSS Devtools
Tailscan
4K 4.38 (8)
Tailscan Tailscan
https://tailscan.com
1,000 4.29 (17)
CSS Variables Editor CSS Variables Editor
https://cssvariables.com
2K 4.62 (13)
Supertweak Supertweak
https://supertweak.dev
500 5.00 (4)
Alpine.js devtools Alpine.js devtools
https://alpinedevtools.com
10K 4.46 (35)
daily.dev | The homepage developers deserve daily.dev | The homepage developers deserve
https://daily.dev
400K 4.82 (2,517)
CSS Peeper CSS Peeper
https://csspeeper.com
500K 4.44 (397)
DivMagic - Copy Style from any website DivMagic - Copy Style from any website
https://divmagic.com
10K 3.58 (71)