Tailwind CSS Media Query Inspector

#3 / 4 rate

Tailwind CSS Media Query Inspector

700 users

2020-09-06

https://owenmelbourne....

Extension Information

5 star
0%
4 star
33%
3 star
0%
2 star
33%
1 star
33%

Supported Languages

Permissions

Description

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.

Reviews

Niels Peen
Niels Peen

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.

Sergio Vazquez II
Sergio Vazquez II

BROKEN ABANDONWARE - No longer works

Jake Harvanchik
Jake Harvanchik

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

Similar extensions

Windy
Windy

https://usewindy.com

Tailwindcss Extension
Tailwindcss Extension

cti-tl

Tailwind Devtools
Tailwind Devtools

Boy with Silver Wings

Seesponsive
Seesponsive

Simon Collins

Tailwind CSS Devtools
Tailwind CSS Devtools

Tailscan

Alpine.js devtools
Alpine.js devtools

Alpine.js devtools

CSS To Tailwind
CSS To Tailwind

iamnyasha

Inspect Flow
Inspect Flow

Inspect Flow

Tailwind UI React
Tailwind UI React

Christian Genco

Gimli Tailwind
Gimli Tailwind

https://gimli.app

Breakpoint media-queries
Breakpoint media-queries

Michael Lancaster

Devtools for Tailwind CSS
Devtools for Tailwind CSS

https://devtoolsfortailwind.com