Item logo image for Tailwind responsive breakpoint display

Tailwind responsive breakpoint display

chromekit.dev
4.4(

9 ratings

)
Item media 3 (screenshot) for Tailwind responsive breakpoint display
Item media 1 (screenshot) for Tailwind responsive breakpoint display
Item media 2 (screenshot) for Tailwind responsive breakpoint display
Item media 3 (screenshot) for Tailwind responsive breakpoint display
Item media 1 (screenshot) for Tailwind responsive breakpoint display
Item media 1 (screenshot) for Tailwind responsive breakpoint display
Item media 2 (screenshot) for Tailwind responsive breakpoint display
Item media 3 (screenshot) for Tailwind responsive breakpoint display

Overview

Display screen dimensions and tailwind breakpoint prefix.

Display screen dimensions and Tailwind breakpoint prefix on all sites. This extension makes it easy to find the screen dimensions of your browser. This comes in handy when you are building your UI with Tailwind CSS and making it responsive. Enable dev mode to display the widget only in local environments (Localhost & 127.0.0.1) Enable/Disable on .test TLD. Add custom breakpoint values. Extension built with chromekit.dev

Details

  • Version
    0.4.4
  • Updated
    January 20, 2026
  • Size
    149KiB
  • Languages
    English
  • Developer
    Website
    Email
    dineshs@hey.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

Vercel

4.7

Use the Vercel Toolbar on production deployments

TailwindCSS Media Query Visualizer

5.0

Seamlessly visualize Tailwind CSS media queries, enhancing your UI experience.

Toolwind - Devtool for Tailwind css

4.2

Enhance Tailwind CSS workflow: Easily add, modify, remove, and copy classes with built-in Tailwind IntelliSense

Tailwind Viewport Sizer

4.3

This extension shows the current viewport size including the TailwindCSS size. You can also set the viewport size using the popup.

Supertweak

5.0

Visual editor for Tailwind CSS

Gimli Tailwind

4.6

A DevTools extension enabling smart tools for Tailwind CSS.

Tailscan

4.3

Tailscan is the ultimate developer tool for Tailwind CSS

Pixefy - Responsive Design Checker

4.6

Preview and debug your website’s responsiveness across multiple devices in real-time, all inside one browser tab.

Tailwind CSS Devtools

4.4

Tailwind CSS Developer Tools

Bootstrap 5 Breakpoint Detection Overlay

5.0

Showing overlay of what breakpoint for current screen size.

Alpine.js devtools

4.3

DevTools extension for debugging Alpine.js applications.

Mobile View: Test responsive designs fast

4.3

Test your responsive designs on multiple devices at once.

Vercel

4.7

Use the Vercel Toolbar on production deployments

TailwindCSS Media Query Visualizer

5.0

Seamlessly visualize Tailwind CSS media queries, enhancing your UI experience.

Toolwind - Devtool for Tailwind css

4.2

Enhance Tailwind CSS workflow: Easily add, modify, remove, and copy classes with built-in Tailwind IntelliSense

Tailwind Viewport Sizer

4.3

This extension shows the current viewport size including the TailwindCSS size. You can also set the viewport size using the popup.

Supertweak

5.0

Visual editor for Tailwind CSS

Gimli Tailwind

4.6

A DevTools extension enabling smart tools for Tailwind CSS.

Tailscan

4.3

Tailscan is the ultimate developer tool for Tailwind CSS

Pixefy - Responsive Design Checker

4.6

Preview and debug your website’s responsiveness across multiple devices in real-time, all inside one browser tab.

Google apps