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
hubrgiorgi@gmail.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

Manage extensions and learn how they're being used in your organization

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 Media Query Visualizer

5.0

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

Tailwind responsive breakpoint display

4.5

Display screen dimensions and tailwind breakpoint prefix.

Tailwind CSS Devtools

4.4

Tailwind CSS Developer Tools

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.

Bootstrap 5 Breakpoint Detection Overlay

5.0

Showing overlay of what breakpoint for current screen size.

CSS Grid Overlay

3.9

Easily check the grid alignment of your page across breakpoints.

Windy

2.8

Convert any HTML on any website to TailwindCSS

Vercel

4.7

Use the Vercel Toolbar on production deployments

Tailwind Inspector

3.5

Easily inspect and edit Tailwind CSS classes on web pages for rapid prototyping and debugging