Item logo image for Tailwind Breakpoint Viewer

Tailwind Breakpoint Viewer

ExtensionDeveloper Tools33 users
Item media 1 (screenshot) for Tailwind Breakpoint Viewer

Overview

Display the current Tailwind CSS breakpoint and viewport width in a draggable indicator

Tailwind Breakpoint Viewer is the must-have tool for developers using Tailwind CSS. This lightweight and intuitive extension allows you to see the active Tailwind breakpoint in real-time and the exact width of your window. 🎯 KEY FEATURES • Real-time display of the current Tailwind breakpoint (xs, sm, md, lg, xl, 2xl) • Accurate window width indication in pixels • Minimalist and elegant interface • Movable indicator via drag-and-drop • Instant on/off toggle with a single click 📏 TAILWIND BREAKPOINTS INCLUDED • xs: < 640px • sm: ≥ 640px • md: ≥ 768px • lg: ≥ 1024px • xl: ≥ 1280px • 2xl: ≥ 1536px 💡 SIMPLE TO USE 1. Click on the extension icon 2. The indicator appears at the bottom right 3. Drag it to wherever you prefer 4. Click the icon again to hide it 🎨 PERFECT FOR • Front-end developers • Web integrators • UI/UX designers • Any Tailwind CSS user Optimize your responsive development workflow with Tailwind Breakpoint Viewer!

0 out of 5No ratings

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

Details

  • Version
    1.0
  • Updated
    January 16, 2025
  • Offered by
    Hubert Giorgi
  • Size
    12.14KiB
  • Languages
    English
  • Developer
    JASON HUBERT MARIE ANDRÉ HUBERT GIORGI
    32 Boulevard Jules Verne 144 Nantes 44300 FR
    Email
    support@blitzinit.dev
    Phone
    +33 6 12 75 82 61
  • Trader
    This developer has identified itself as a trader per the definition from the European Union and committed to only offer products or services that comply with EU laws.

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

Related

Viewport Dimensions

5.0(2)

Displays the current viewport dimensions in real-time as you resize the browser window.

Tailscan

4.3(17)

Tailscan is the ultimate developer tool for Tailwind CSS

Show All Padding & Margins

4.5(4)

Highlights margins and padding for all HTML elements in any webpage.

Scroll-Driven Animations Debugger

5.0(5)

A DevTools extension to visualize and debug Scroll-Driven Animations

Tailwind CSS Devtools

4.4(8)

Tailwind CSS Developer Tools

CSSViewer

4.5(11)

CSSViewer

Tailwind Cheat Sheet Extension

4.2(5)

The Chrome Extension for Tailwind Cheat Sheet

Bootstrap grid viewer

3.7(3)

Detects Bootstrap Grid elements on a page and displays visual overlay for them

Gimli Tailwind

4.6(36)

A DevTools extension enabling smart tools for Tailwind CSS.

Website Cloner

1.0(1)

Convert websites or components to clean HTML with Tailwind CSS for development, migration, or AI integration

Bootstrap 5 Breakpoint Detection Overlay

5.0(4)

Showing overlay of what breakpoint for current screen size.

CSS To Tailwind

3.6(22)

Convert a website's styles to Tailwind CSS classes

Viewport Dimensions

5.0(2)

Displays the current viewport dimensions in real-time as you resize the browser window.

Tailscan

4.3(17)

Tailscan is the ultimate developer tool for Tailwind CSS

Show All Padding & Margins

4.5(4)

Highlights margins and padding for all HTML elements in any webpage.

Scroll-Driven Animations Debugger

5.0(5)

A DevTools extension to visualize and debug Scroll-Driven Animations

Tailwind CSS Devtools

4.4(8)

Tailwind CSS Developer Tools

CSSViewer

4.5(11)

CSSViewer

Tailwind Cheat Sheet Extension

4.2(5)

The Chrome Extension for Tailwind Cheat Sheet

Bootstrap grid viewer

3.7(3)

Detects Bootstrap Grid elements on a page and displays visual overlay for them

Google apps