PWA Splash Screen & Theme-Color Previewer
Splash screens and theme-color are normally only visible after installing
on a real device. Paste your manifest and see instant mockups of the Android splash,
iOS splash, and browser chrome — no install, no deploy cycle.
Tool interface
Preview
Detected manifest values
Introduction
Getting a splash screen right usually means installing the PWA on a device, launching it, and iterating. This previewer shortens that loop to seconds by rendering the manifest directly in the browser.
How it works
- Parses the manifest for name, colors, and icons.
- Selects the best icon (prefers 512, then 192).
- Renders CSS device frames for Android, iOS, and browser chrome.
- Picks readable text color based on background luminance.
Privacy
Manifest parsing and rendering are local. If you fetch a manifest by URL, that request goes directly from your browser to the URL. No account, no API key.
Limitations
- Mockups approximate native splash rendering.
- Relative icon paths may not resolve without a base URL.
- Fetching manifests may fail due to CORS on the remote server.
FAQ
Which icon is used for the splash?
The preview prefers a 512x512 icon, then 192x192, then the first icon in the manifest.
Is my manifest uploaded?
No. Pasted manifests are processed locally. Fetched manifests load directly in your browser.