Viewport Size Detector
Detect and display current viewport dimensions.
0 × 0
Breakpoint: xs — DPR: 1.0 — landscape
xs
sm
md
lg
xl
2xl
Viewport Width
0px
Viewport Height
0px
Screen Width
0px
Screen Height
0px
Device Pixel Ratio
1.00
Orientation
landscape
Tailwind Breakpoint
xs
CSS 1vw
0.00px
CSS 1vh
0.00px
Values update live as you resize your browser window. Click any value to copy.
Related Tools in CSS & Design
Device Screen Size Reference
Reference guide for common device screen sizes.
Open Tool →
Golden Ratio Calculator
Calculate golden ratio proportions for design.
Open Tool →
Design System Token Generator
Generate design tokens for spacing, colors, and typography.
Open Tool →
Box Shadow Generator
Generate CSS box-shadow with visual controls and live preview.
Open Tool →
Text Shadow Generator
Create CSS text-shadow effects with live preview.
Open Tool →
Border Radius Generator
Generate CSS border-radius with per-corner control.
Open Tool →