Item logo image for Tailwind responsive breakpoint display

Tailwind responsive breakpoint display

chromekit.dev
5.0(

4 ratings

)
ExtensionDeveloper Tools257 users
Item media 3 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 1 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot

Overview

Display screen dimensions and tailwind breakpoint prefix.

Display screen dimensions and Tailwind breakpoint prefix on all sites. This extension makes it easy to find the screen dimensions of your browser. This comes in handy when you are building your UI with Tailwind CSS and making it responsive. Enable dev mode to display the widget only in local environments (Localhost & 127.0.0.1) Enable/Disable on .test TLD. Add custom breakpoint values.

5 out of 54 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Sjoerd StottelaarSep 20, 2024

Does what it needs to do, fully customizable and looks great as well. Thanks!

1 person found this review to be helpful
Replier's profile picture

DINESH SDeveloperSep 20, 2024

Thanks for the review Sjoerd!

Review's profile picture

Alec Hale-PletkaSep 12, 2024

Phenomenal. Simple, effective, clean. Exactly what I needed. There's a Github repo where you can roll your own but this is much more intuitive. Helps with debugging because now media breakpoints are included in every screenshot.

1 person found this review to be helpful
Replier's profile picture

DINESH SDeveloperSep 13, 2024

Thanks for the kind words Alec! I am glad that it has been helpful to you.

Review's profile picture

Zeke DouJul 22, 2024

Thanks for this clean extension. I'd like to suggest another feature - custom breakpoints, because there are projects which are not using the default breakpoints. I would be nice if this extension supports something like https://chromewebstore.google.com/detail/tailwindcss-media-query-v/knngcflccjebacgmbcbbihcgfcndggjp

1 person found this review to be helpful
Replier's profile picture

DINESH SDeveloperJul 22, 2024

Thanks for the review Zeke! That's a great suggestion. It's now available in the latest version. Do give it a try!

Details

  • Version
    0.4.2
  • Updated
    July 28, 2024
  • Size
    150KiB
  • Languages
    English
  • Developer
    Website
    Email
    dineshs@hey.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

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

Support

Related

CSS Breakpoint Button

5.0(3)

A browser extension that displays the current breakpoint for the selected css framework.

Devtools for Tailwind CSS

2.5(18)

Devtools for Tailwind CSS

Tailwind CSS Media Query Inspector

3.0(4)

Easily see which breakpoint you are currently in without cluttering up your UI.

Windy

2.9(21)

Convert any HTML on any website to TailwindCSS

Supertweak

5.0(4)

Visual editor for Tailwind CSS

Gimli Tailwind

4.5(30)

A DevTools extension enabling smart tools for Tailwind CSS.

Tailwind CSS Devtools

4.5(6)

Tailwind CSS Developer Tools

Bootstrap 5 Breakpoint Detection Overlay

5.0(4)

Showing overlay of what breakpoint for current screen size.

DivMagic - Copy Style from any website

3.8(51)

Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.

Page Breakpoint Inspector

0.0(0)

Displays the current breakpoint in the page

Alpine.js devtools

4.4(33)

DevTools extension for debugging Alpine.js applications.

Mobile View: Test responsive designs fast

4.3(27)

Test your responsive designs on multiple devices at once.

CSS Breakpoint Button

5.0(3)

A browser extension that displays the current breakpoint for the selected css framework.

Devtools for Tailwind CSS

2.5(18)

Devtools for Tailwind CSS

Tailwind CSS Media Query Inspector

3.0(4)

Easily see which breakpoint you are currently in without cluttering up your UI.

Windy

2.9(21)

Convert any HTML on any website to TailwindCSS

Supertweak

5.0(4)

Visual editor for Tailwind CSS

Gimli Tailwind

4.5(30)

A DevTools extension enabling smart tools for Tailwind CSS.

Tailwind CSS Devtools

4.5(6)

Tailwind CSS Developer Tools

Bootstrap 5 Breakpoint Detection Overlay

5.0(4)

Showing overlay of what breakpoint for current screen size.

Google apps