# Breakpoint Viewer

> See which CSS breakpoint is active on any website. Supports Tailwind, Bootstrap, and custom presets.

Canonical page: [https://chrome-stats.com/d/breakpoint-viewer](https://chrome-stats.com/d/breakpoint-viewer)

## Overview

- **ID:** `breakpoint-viewer`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** SleekAddons
- **Category:** web-development,appearance
- **Daily users:** 9
- **Rating:** 5.00 / 5 (2 ratings)
- **Version:** 1.0.7
- **Last updated:** 2026-03-05
- **First published:** 2026-02-28
- **Size:** 142 KB
- **Data as of:** 2026-09-06
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/breakpoint-viewer/)
- **Website:** [https://sleekaddons.com](https://sleekaddons.com/)

## 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
<ul><li>Displays the active CSS breakpoint, its min width value, and the current viewport width</li><li>Ready made presets for Tailwind CSS, Bootstrap, Bulma, and Foundation</li><li>Custom breakpoints with full control over names, widths, and colors</li><li>Badge position in any corner of the page</li><li>Allowlist and blocklist for site level control over where the badge appears</li><li>Updates in real time as you resize the window</li><li>Lightweight and does not interfere with page content</li><li>Works on any website</li></ul>
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: <a href="https://prod.outgoing.prod.webservices.mozgcp.net/v1/8d6e6d5deaac018d56e4d70f31d79c9c48fd1b75a6a562dadfe6480b294b3881/https%3A//github.com/SleekAddons/browser-extensions" rel="nofollow">https://github.com/SleekAddons/browser-extensions</a>

Contributions, bug reports, and feature requests are welcome!

## Rankings

- #34,518 — Overall
- #100 — break
- #112 — point
- #176 — viewer

## Permissions and access

### Permissions

- `activeTab`
- `scripting`
- `storage`

### Content script matches

- `*`

## Safety

- **Risk impact:** Moderate risk impact
- **Risk likelihood:** Moderate risk likelihood

### Analysis details

- Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
- This extension has low user count. Unpopular extensions may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Similar extensions and apps

- [CSS Breakpoint Button](https://chrome-stats.com/d/css-breakpoint-button) — 23 users, 5.00 / 5
- [BreakIt](https://chrome-stats.com/d/breakit)
- [Tailwind responsive breakpoint](https://chrome-stats.com/d/tailwind-responsive-breakpoint) — 49 users, 5.00 / 5
- [Tailwind CSS Media Query Inspector](https://chrome-stats.com/d/tailwind-media-query-inspector) — 29 users
- [Built with Tailwind CSS](https://chrome-stats.com/d/built-with-tailwind-css) — 1 users
- [Breakgrid – Responsive Viewport Tester](https://chrome-stats.com/d/breakgrid) — 21 users
- [Viewport & Tailwind CSS Container Inspector](https://chrome-stats.com/d/viewport-tailwind-inspector) — 1 users
- [Tailwind Breakpoint](https://chrome-stats.com/d/tailwind-breakpoint) — 4 users
- [BrowserOffice :: Breakpoints](https://chrome-stats.com/d/breakpoints) — 3 users
- [Tailwind CSS Component Preview Extension](https://chrome-stats.com/d/tailwind-css-component-preview) — 1 users
- [Tailwind CSS Component Preview Extension](https://chrome-stats.com/d/tailwind-css-component-prev1)
- [Gimli Tailwind](https://chrome-stats.com/d/gimli-tailwind) — 126 users, 5.00 / 5

---

Source: [Chrome-Stats](https://chrome-stats.com/d/breakpoint-viewer)