Item logo image for TailwindCSS Screen Size Breakpoint Detector

TailwindCSS Screen Size Breakpoint Detector

Item media 1 (screenshot) for TailwindCSS Screen Size Breakpoint Detector

Overview

Shows current Tailwind CSS breakpoint based on screen width. Check extension popup for support options.

Real-time Tailwind CSS breakpoint detector with customizable settings and visual indicator. A helpful tool for developers using Tailwind CSS that shows the current breakpoint (xs, sm, md, lg, xl, 2xl, etc.) in real-time as you resize your browser window.

Details

  • Version
    4.0
  • Updated
    February 13, 2025
  • Offered by
    Davaei
  • Size
    18.77KiB
  • Languages
    English
  • Developer
    Email
    support@freeweb.com.au
  • 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

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.

Tailwind responsive breakpoint display

4.6

Display screen dimensions and tailwind breakpoint prefix.

Screen Sizes

4.4

This extension displays grid and measurement overlays for a design grid system.

Tailwind CSS Scanner

3.0

Scan -> Copy -> Export Tailwind

Toolwind - Devtool for Tailwind css

4.2

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

CSS To Tailwind

3.7

Convert a website's styles to Tailwind CSS classes

Responsive viewer For Chrome

3.6

View multiple screens simultaneously With Responsive viewer For Chrome

Screen Ruler - Measure The Web

4.6

Measure sizes, distances, margins and paddings of any element on any web page.

Show Window Size

4.0

Show the inner size of window

Tifoo – Effortless Tailwind Styling

0.0

Streamline your Tailwind CSS development with real-time inspection and intuitive class management—right in your browser.

TailwindCSS Studio

4.0

Build, design and debug your Tailwind website visually with TailwindCSS Studio, right within the browser.

Tailwind CSS Devtools

4.4

Tailwind CSS Developer Tools

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.

Tailwind responsive breakpoint display

4.6

Display screen dimensions and tailwind breakpoint prefix.

Screen Sizes

4.4

This extension displays grid and measurement overlays for a design grid system.

Tailwind CSS Scanner

3.0

Scan -> Copy -> Export Tailwind

Toolwind - Devtool for Tailwind css

4.2

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

CSS To Tailwind

3.7

Convert a website's styles to Tailwind CSS classes

Responsive viewer For Chrome

3.6

View multiple screens simultaneously With Responsive viewer For Chrome

Screen Ruler - Measure The Web

4.6

Measure sizes, distances, margins and paddings of any element on any web page.

Google apps