Gimli Tailwind

A DevTools extension enabling smart tools for Tailwind CSS.

▶

Gimli Tailwind Extension - Enhance Your Tailwind CSS Dev

"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

Users: 10,000+

Rating: 4.55

(33)

Version: 4.4.1 (Last updated: 2024-11-27)

Creation date: 2022-06-16

Risk impact: High risk impact

Risk likelihood:

Very low risk likelihood

Manifest version: 3

Permissions:

clipboardWrite

Host permissions:

*://*/*

Size: 154.62K

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

URLs: Website

Ranking

# 8,800 ▲ 89

Other rankings

#768 in Developer Tools ▲ 4 #200 in class keyword 4 ▲ 3

Other platforms

Tailwind (vVARY)

3.44

(251) 36,068+

Gimli Tailwind (v4.2)

5.00

(2) 161

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