Breakpoint Viewer

Tracking since Apr 17, 2026.

Changelog

• May 10, 2026
  description

  See which CSS breakpoint is active on any website. A small badge appears in the corner of the page showing the current breakpoint name, its minimum width, and your actual viewport width in pixels. The badge updates instantly as you resize the browser window.
  
  How it works
  
  Install the extension and open any website. A small badge will appear in the corner of the page. As you resize the window, the badge updates in real time to show which breakpoint is currently active. Pick a preset for your CSS framework or set up your own custom breakpoints.
  
  Features
  
  - Displays the active CSS breakpoint, its min width value, and the current viewport width
  - Ready made presets for Tailwind CSS, Bootstrap, Bulma, and Foundation
  - Custom breakpoints with full control over names, widths, and colors
  - Badge position in any corner of the page
  - Allowlist and blocklist for site level control over where the badge appears
  - Updates in real time as you resize the window
  - Lightweight and does not interfere with page content
  - Works on any website
  
  Who is this for
  
  Frontend developers and designers who build or test responsive websites. Instead of guessing or manually checking your CSS, this extension gives you that information at a glance right on the page.
  
  Why install it
  
  Small, fast, and stays out of your way. No account needed and no data leaves your browser.

  See which CSS breakpoint is active on any website. A small badge appears in the corner of the page showing the current breakpoint name, its minimum width, and your actual viewport width in pixels. The badge updates instantly as you resize the browser window.
  
  How it works
  
  Install the extension and open any website. A small badge will appear in the corner of the page. As you resize the window, the badge updates in real time to show which breakpoint is currently active. Pick a preset for your CSS framework or set up your own custom breakpoints.
  
  Features
  
  - Displays the active CSS breakpoint, its min width value, and the current viewport width
  - Ready made presets for Tailwind CSS, Bootstrap, Bulma, and Foundation
  - Custom breakpoints with full control over names, widths, and colors
  - Badge position in any corner of the page
  - Allowlist and blocklist for site level control over where the badge appears
  - Updates in real time as you resize the window
  - Lightweight and does not interfere with page content
  - Works on any website
  
  Who is this for
  
  Frontend developers and designers who build or test responsive websites. Instead of guessing or manually checking your CSS, this extension gives you that information at a glance right on the page.
  
  Why install it
  
  Small, fast, and stays out of your way. No account needed and no data leaves your browser.
  
  Open Source Software
  
  This extension is fully open source. The complete source code is publicly available on GitHub, so you can review exactly how it works, verify that your data stays private, audit it for security, or build it yourself from source.
  
  Source code: https://github.com/SleekAddons/browser-extensions
  
  Contributions, bug reports, and feature requests are welcome!

Permissions & access

Permissions

activeTabscriptingstorage

Host access

None declared

Screenshots

Similar extensions

Alternatives to Breakpoint Viewer, ranked by description similarity.

Tailwidth - Tailwind CSS Breakpoint And Witdh Checker

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

62

Tailwind Viewport Sizer

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

566

★ 4.3

Responsive Breakpoint Indicator

Adds a responsive breakpoint indicator to the page.

15

Tailwind Breakpoint Viewer

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

203

TailwindCSS Screen Size Breakpoint Detector

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

36

Tailwind responsive breakpoint display

Display screen dimensions and tailwind breakpoint prefix.

1.0K

★ 4.5

Built with Tailwind CSS

Built with Tailwind CSS is a Chrome Extension that identifies the usage of Tailwind CSS in web pages.

534

Bootstrap Viewport Checker

This extension allows you to check the Bootstrap viewport and resize the window accordingly.

61

★ 5.0