Pocket Stage

Pocket Stage is an HTML5 phone preview for browser games, plus a real 16:9 iframe for the desktop portal.

AIs already know safe-area CSS. They still lay out against a desktop window unless the phone and the brief are in the project.

Open the preview, and your UI sits in a real handset: punch, teardrop, or island, portrait or landscape. Rotate left or right, and the notch moves with the camera edge. HUD and buttons stay out of the cutout and the home indicator.

This is for browser games (itch, CrazyGames, mobile web). It is not a Unity product.

If you use Unity, you want Adaptive UI Layouts.

What you get

• Phone preview with common CSS viewports (small Android through Pro Max, plus custom size)
• A real 16:9 iframe — the PC / desktop portal player. "Same kind of embed itch and CrazyGames use"
• Common portal sizes: Fill window, 821×462, 907×510, 1280×720, 1920×1080
• Punch, teardrop, and island notches, plus a home indicator
• Rotate left/rotate right — landscape insets on the correct side
• Safe-area CSS pushed into the game, including on Android
• Starter shell that already clears the notch
• A brief in the folder

Who it is for

HTML5 and web-game developers who have shipped a title to a phone and watched the camera eat the score or the home bar cover the buttons. Especially useful if an AI is writing the UI — the brief tells it to use the phone, not a maximised window.

Not for Unity. That is Adaptive UI Layouts. Pocket Stage will not import into Unity.