Fullscreen API
The Fullscreen API enables web applications to display themselves or specific parts of their interface in fullscreen mode, hiding all browser UI elements.
Overview
The Fullscreen API is great for making content take over the whole screen. It's handy for videos, games, slideshows, or any interactive web app where you want to hide browser UI and give users a more immersive experience. In our example below, we display the entire page in fullscreen, but you can also choose to present only an image, an iframe, or any other container.
Interactive Demo
1. Install the app on your device.
2. Start fullscreen mode by clicking on the button below.
3. See the code below to learn how to implement fullscreen mode in your PWA or website.
Code
Links & Documentation
Unlock the powers of the web today
Try our PWA toolkit free of charge and without limits for 14 days. No credit card required.
Get started See plans