Tailwind CSS Media Query Inspector
Item logo image for Tailwind CSS Media Query Inspector

Tailwind CSS Media Query Inspector

owenmelbourne.com
Featured
3.0(

4 ratings

)
Item media 2 screenshot
Item media 3 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot

Overview

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

Adds a really simple icon to your chrome extension toolbar that displays the current media query you're within. By default it ships with the TailwindCSS media queries, however you can configure as many media query rules as you like from the extension. This does not attempt to parse the CSS from a website, it simply monitors the media queries you enter. V2 will allow you to configure different media queries per domain.

3 out of 54 ratings

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

Review's profile picture

Niels PeenJul 26, 2023

The extension works, but does come with caveats: 1) Your website must use SSL. 2) You must enable the extension after installing it. 3) You must manually add the newer 2XL screen size. 4) You must reload the page each time you switch Chrome's responsive device emulation to a different device.

1 person found this review to be helpful
Review's profile picture

Sergio Vazquez IISep 1, 2022

BROKEN ABANDONWARE - No longer works

Review's profile picture

Jake HarvanchikMay 5, 2021

Instructions unclear or it just doesn't work. I have it enabled and breakpoints entered; but the extension icon displays nothing.

4 out of 4 found this helpful

Details

  • Version
    0.0.2
  • Updated
    September 6, 2020
  • Size
    631KiB
  • Languages
    English
  • Developer
    Website
    Email
    owenmelbz@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 not provided any information about the collection or usage of your data.

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

Tailwind UI React

5.0(7)

Automatic translation of Tailwind UI components to React

Gimli Tailwind

4.6(24)

A DevTools extension enabling smart tools for Tailwind CSS.

Breakpoint media-queries

5.0(1)

Generate media-queries, show screen sizes width and link to a list of media-queries snippets.

Devtools for Tailwind CSS

2.7(16)

Devtools for Tailwind CSS

Windy

2.9(21)

Convert any HTML on any website to TailwindCSS

Tailwindcss Extension

5.0(1)

Tailwindcss Extension

Tailwind Devtools

2.3(9)

A sidebar pane for Tailwind CSS classes

Seesponsive

3.0(2)

Interactively see how a website's layout changes responsively

Tailwind CSS Devtools

4.6(5)

Tailwind CSS Developer Tools

Alpine.js devtools

4.6(31)

DevTools extension for debugging Alpine.js applications.

CSS To Tailwind

3.8(20)

Convert a website's styles to Tailwind CSS classes

Inspect Flow

4.4(5)

The complete developer tool for Tailwind CSS!

Tailwind UI React

5.0(7)

Automatic translation of Tailwind UI components to React

Gimli Tailwind

4.6(24)

A DevTools extension enabling smart tools for Tailwind CSS.

Breakpoint media-queries

5.0(1)

Generate media-queries, show screen sizes width and link to a list of media-queries snippets.

Devtools for Tailwind CSS

2.7(16)

Devtools for Tailwind CSS

Windy

2.9(21)

Convert any HTML on any website to TailwindCSS

Tailwindcss Extension

5.0(1)

Tailwindcss Extension

Tailwind Devtools

2.3(9)

A sidebar pane for Tailwind CSS classes

Seesponsive

3.0(2)

Interactively see how a website's layout changes responsively

Google apps