Responsive Breakpoint Tester
Responsive Breakpoint Tester
Live window size indicator with framework breakpoint reference for Tailwind CSS, Bootstrap 5, Material UI, and Vuetify 3. Shows your current breakpoint in real time as you resize.
Standard Breakpoints
| Name | Range | |
|---|---|---|
| XS / Mobile | 0px – 575px | |
| SM / Large Mobile | 576px – 767px | |
| MD / Tablet | 768px – 991px | |
| LG / Desktop | 992px – 1199px | |
| XL / Wide | 1200px – 1535px | |
| 2XL / Ultra-wide | 1536px+ |
Framework Breakpoints Reference
Tailwind CSS
Bootstrap 5
Material UI
Vuetify 3
Common Device Sizes
Resize your browser window to test different breakpoints in real time.
Responsive Breakpoint Tester
Live window size indicator with framework breakpoint reference for Tailwind CSS, Bootstrap 5, Material UI, and Vuetify 3. Shows your current breakpoint in real time as you resize.
Common uses
- Check which Tailwind breakpoint you're at while resizing
- Compare Bootstrap and Tailwind breakpoint thresholds
Also searched as
- what screen size breakpoint am i at
- current screen width breakpoint indicator
- tailwind breakpoints reference
- bootstrap 5 breakpoints table
- compare tailwind and bootstrap breakpoints
- material ui breakpoints
- vuetify 3 breakpoints
- viewport width checker online
Frequently asked questions
How do I see my current screen width and breakpoint?
Open the Breakpoint Tester and resize your window. It shows your current width and a size tier (XS to 2XL) in real time.
Which frameworks are covered?
The reference lists breakpoints for Tailwind CSS, Bootstrap 5, Material UI and Vuetify 3.
Can I look up breakpoint thresholds?
Yes, the framework reference shows each framework's breakpoint names and pixel widths so you can compare them.
Is my data uploaded to a server?
No. This tool runs entirely in your browser — your input is processed locally on your device and is never uploaded or stored on a server.