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 5
No ratings
Learn more about results and reviews.

Details

Version
1.0
Updated
January 16, 2025
Flag concern
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

Mobile View: Test responsive designs fast

4.3

Test your responsive designs on multiple devices at once.

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.

TailwindCSS Screen Size Breakpoint Detector

0.0

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

Tailwind responsive breakpoint display

4.5

Display screen dimensions and tailwind breakpoint prefix.

LocatorJS

4.3

LocatorJS Chrome Extension - option-click to code (ReactJS)

Tailwind CSS Devtools

4.4

Tailwind CSS Developer Tools

CSS Scan

3.7

The fastest and easiest way to check, copy and edit CSS.

Gimli Tailwind

4.6

A DevTools extension enabling smart tools for Tailwind CSS.

Tailwidth - Tailwind CSS Breakpoint And Witdh Checker

0.0

Displays the current Tailwind CSS breakpoint and screen width in pixels.

Memex

3.8

Search, annotate and organize what you've read online.

Bootstrap 5 Breakpoint Detection Overlay

5.0

Showing overlay of what breakpoint for current screen size.

Vercel

4.7

Use the Vercel Toolbar on production deployments