Item logo image for Breakpoint Viewer

Breakpoint Viewer

Item media 1 (screenshot) for Breakpoint Viewer

Overview

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

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.

Details

  • Version
    1.0.7
  • Updated
    March 9, 2026
  • Offered by
    SleekAddons
  • Size
    136KiB
  • Languages
    English
  • Developer
    Email
    sleekaddons@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. To learn more, see the developer’s privacy policy.

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

Custom Style Script

4.2

Add Custom JavaScript (JS) Code or Styles (CSS) to any page.

Visual CSS Editor

3.5

Customize any website visually.

Custom CSS Per Domain

5.0

Inject custom CSS per domain each time a page loads

SnipCSS

3.9

Extract the CSS/HTML for any element on any page, only take the styles you want

CSS Used

4.4

Get all css rules used by the selected DOM and its descendants.

View CSS

4.7

A Chrome extension to view the CSS of any website.

Peek - Design & Asset Toolkit

4.7

Extract assets, colors, typography & tokens from any site. Export to CSS, SCSS, Tailwind & more. The ultimate dev & design toolkit.

Bootstrap grid viewer

3.7

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

CSS Peek: Element Inspector

5.0

Instantly inspect elements and explore CSS properties, XPath, and more. Easily export assets, color palettes, and typography.

Show All Padding & Margins

4.5

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

CSS Scanly - Copy CSS | Tailwind & Bootstrap

5.0

Copy CSS properties from any web element with CSS Scanly. Supports Tailwind & Bootstrap, Helpful for developers and designers

CSS Pully – Font & Color & Style Inspector

5.0

Font & CSS Detector - CSS Pully extracts colors, fonts, shadows, and styles from any webpage. Perfect for designers & developers.

Custom Style Script

4.2

Add Custom JavaScript (JS) Code or Styles (CSS) to any page.

Visual CSS Editor

3.5

Customize any website visually.

Custom CSS Per Domain

5.0

Inject custom CSS per domain each time a page loads

SnipCSS

3.9

Extract the CSS/HTML for any element on any page, only take the styles you want

CSS Used

4.4

Get all css rules used by the selected DOM and its descendants.

View CSS

4.7

A Chrome extension to view the CSS of any website.

Peek - Design & Asset Toolkit

4.7

Extract assets, colors, typography & tokens from any site. Export to CSS, SCSS, Tailwind & more. The ultimate dev & design toolkit.

Bootstrap grid viewer

3.7

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

Google apps