Gimli Tailwind

A DevTools extension enabling smart tools for Tailwind CSS.

What is Gimli Tailwind?

"Gimli Tailwind" is a Chrome extension designed for developers who use Tailwind CSS. This extension integrates into DevTools, providing a suite of intelligent features such as class name autocomplete, instant style previews on hover, and easy toggling of utility values using keyboard shortcuts. It's tailored to enhance productivity by organizing inputs as per the official documentation and offering a customizable UI. 'Gimli Tailwind' emphasizes user privacy, ensuring no personal data is collected.

Download

Extension stats

By: https://gimli.app

View on Chrome Web Store

Users: 9,000+

Rating: 4.50 (30)

Version: 4.3 (Last updated: 2024-08-12)

Creation date: 2022-06-16

Risk impact: High risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 3

Permissions:

clipboardWrite

Host permissions:

*://*/*

Size: 149.50K

Email: ta*****@gmail.com

URLs: Website

Ranking

# 10882 ▼ 22

Other rankings

#769 in Developer Tools #218 in class keyword 4 ▼ 9

Other platforms

Gimli Tailwind (v4.2)

5.00

(2) 101

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

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

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

Invaluable for new developers learning Tailwind CSS
Greatly reduces the feedback loop when styling Tailwind-based websites
Helps users remember syntax for flex and grids
Overall helpful and useful for web development

Cons

Issues with the copy to clipboard function on M1 Mac
Limited support for specific Tailwind CSS properties (like x- and y-axis values for padding/margin)
Lack of a search option makes it difficult to remember where certain properties are
Some users report the extension appearing as an empty pane in Chrome DevTools

Most mentioned

Great tool for new Tailwind learners
Room for improvement, especially with additional features
A strong aid for web development
Reported issues on M1 Mac Chrome
Requests for dark mode and better support for margin/padding

Recent reviews

Amazing for flex and grids because I never remember the syntax.

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.