liquidframe

A pure-CSS iPhone 16 Pro with realistic iOS 26 "Liquid Glass" Safari chrome. Swap one class to change the chrome mode. Drop your page into the screen.

Chrome mode

Titanium

9:41

liquidframe.dev

📱

Drop your page here

Everything inside .phone-screen is yours. Scroll to see the chrome stay pinned.

WHY GLASSFRAME

Pure CSS

No build step, no framework. One stylesheet and a chunk of HTML.

iOS 26 accurate

Compact, Bottom, Top and PWA chrome — each with the right safe-area insets.

Themeable

Tint the chrome with --chrome-top / --chrome-bot to mock any app.