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.

1280px

width

800px

height

XL / Wide (Wide desktop screens)

06407681024128015362560px

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

sm ≥640px md ≥768px lg ≥1024px xl ≥1280px 2xl ≥1536px

Bootstrap 5

sm ≥576px md ≥768px lg ≥992px xl ≥1200px xxl ≥1400px

Material UI

sm ≥600px md ≥900px lg ≥1200px xl ≥1536px

Vuetify 3

sm ≥600px md ≥960px lg ≥1280px xl ≥1920px

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

Frequently asked questions

Can I use Responsive Breakpoint Tester to check which Tailwind breakpoint you're at while resizing?

Yes. Responsive Breakpoint Tester can check which Tailwind breakpoint you're at while resizing, directly in your browser.

Can I use Responsive Breakpoint Tester to compare Bootstrap and Tailwind breakpoint thresholds?

Yes. Responsive Breakpoint Tester can compare Bootstrap and Tailwind breakpoint thresholds, directly in your browser.

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.