Viewport Inspector

New

Live viewport size, DPR, orientation and Tailwind breakpoints.

100% private — no uploads Developer ToolsFree & unlimited Read tutorial

See how it works

Watch a quick simulation of this tool in action — no file needed.

How to use Viewport Inspector

Follow these steps — everything happens instantly in your browser.

  1. 1

    Step 1. Read your current viewport size from the big card.

  2. 2

    Step 2. Resize your browser — values update live.

  3. 3

    Step 3. Check which Tailwind breakpoints (sm, md, lg, xl, 2xl) are active.

  4. 4

    Step 4. Click any value to copy it.

Why use this tool

Frequently asked questions

Everything you might want to know about viewport inspector.