Gimli Tailwind
Item logo image for Gimli Tailwind

Gimli Tailwind

gimli.app
Featured
4.6(

24 ratings

)
Item media 2 screenshot
Item media 3 screenshot
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item video thumbnail
Item media 2 screenshot
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot

Overview

A DevTools extension enabling smart tools for Tailwind CSS.

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.

4.6 out of 524 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Nguyen Dang KhoaMar 28, 2024

This is amazing for new Tailwind learner like me. Thank you very much.

Review's profile picture

Eduardo HilárioFeb 21, 2024

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.

Review's profile picture

Amber JoyJan 30, 2024

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!

Details

  • Version
    4.2
  • Updated
    March 19, 2024
  • Size
    126KiB
  • Languages
    English (United States)
  • Developer
    Website
    Email
    tailwinddx@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

Motion DevTools

4.4(7)

Inspect, edit and export animations made with CSS and Motion One.

daily.dev | The homepage developers deserve

4.9(2.1K)

Get one personalized feed for all the knowledge you need as a developer.

CSS Peeper

4.6(348)

Extract CSS and build beautiful styleguides.

DivMagic - Copy Style from any website

4.0(45)

Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.

Tailwind Devtools

2.3(9)

A sidebar pane for Tailwind CSS classes

CSS To Tailwind

3.8(20)

Convert a website's styles to Tailwind CSS classes

Tailwind Cheat Sheet Extension

4.2(5)

The Chrome Extension for Tailwind Cheat Sheet

Windy

2.9(21)

Convert any HTML on any website to TailwindCSS

Tailwind CSS Devtools

4.6(5)

Tailwind CSS Developer Tools

Tailscan

4.3(12)

Tailscan is the ultimate developer tool for Tailwind CSS

Tailwind CSS Media Query Inspector

3.0(4)

Easily see which breakpoint you are currently in without cluttering up your UI.

Supertweak

5.0(4)

Visual editor for Tailwind CSS

Motion DevTools

4.4(7)

Inspect, edit and export animations made with CSS and Motion One.

daily.dev | The homepage developers deserve

4.9(2.1K)

Get one personalized feed for all the knowledge you need as a developer.

CSS Peeper

4.6(348)

Extract CSS and build beautiful styleguides.

DivMagic - Copy Style from any website

4.0(45)

Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.

Tailwind Devtools

2.3(9)

A sidebar pane for Tailwind CSS classes

CSS To Tailwind

3.8(20)

Convert a website's styles to Tailwind CSS classes

Tailwind Cheat Sheet Extension

4.2(5)

The Chrome Extension for Tailwind Cheat Sheet

Windy

2.9(21)

Convert any HTML on any website to TailwindCSS

Google apps