Set color_dark and image_dark in the YAML. Export a second pack with inverted colors if needed.

Android 12 requirements?

Provide android_12.color and optionally image. Keep the logo inside the system splash icon bounds.

Do I need a unique splash PNG per device?

Native toolkits often scale one image. This generator still ships common viewports for web/PWA and a master splash.png for Expo. Prefer one logo + solid backgroundColor when the framework allows.

How does Expo splash work?

Point expo.splash.image at splash.png and set splash.backgroundColor to your brand fill. Enable the Expo pack in the full Launch Kit for a ready app.json.

Can I add a tagline on the splash?

Yes. Optional tagline text is composited under the logo. Keep it short — launch screens disappear quickly.

Light and dark splash?

Export once with your primary background, then duplicate the pack with an inverted background for dark mode if your framework supports separate images.

flutter · Launch screens

Generate Flutter Splash Screens — Free Splash Screen Generator

Name: App Snaps
Availability: InStock

flutter_native_splash uses a background color and an optional centered image. Generate splash.png here and reference it from flutter_native_splash.yaml.

Open generator Full Launch Kit

Sizes & formats

Size	Use	Notes
1290×2796	iPhone Pro Max class	—
1284×2778	Expo splash.png default	—
1179×2556	iPhone Pro class	—
1080×1920	Android / universal 9:16	—
2048×2732	iPad store-style slide (Store pack)	—

Generate now

Focused generator for this tool only — files stay on your device. For every pack (ICNS, Expo, Flutter, Brand Kit, Store), open the full Launch Kit.

Full kit →

Focused tool

flutter · Splash screens

Open full Launch Kit

Live previews

Tap any tile to enlarge

Drop a logo to preview

Favicon, iOS, Android shapes, maskable, splash, OG — all live from one file.

How it works

1
Generate splash.png
Use a solid background matching color.
2
Add YAML
Copy the snippet into your project root.
3
Create
dart run flutter_native_splash:create

flutter_native_splash.yaml

flutter_native_splash:
  color: "#ffffff"
  image: assets/splash/splash.png
  android_12:
    color: "#ffffff"
    image: assets/splash/splash.png

FAQ

Dark mode splash?: Set color_dark and image_dark in the YAML. Export a second pack with inverted colors if needed.
Android 12 requirements?: Provide android_12.color and optionally image. Keep the logo inside the system splash icon bounds.
Do I need a unique splash PNG per device?: Native toolkits often scale one image. This generator still ships common viewports for web/PWA and a master splash.png for Expo. Prefer one logo + solid backgroundColor when the framework allows.
How does Expo splash work?: Point expo.splash.image at splash.png and set splash.backgroundColor to your brand fill. Enable the Expo pack in the full Launch Kit for a ready app.json.
Can I add a tagline on the splash?: Yes. Optional tagline text is composited under the logo. Keep it short — launch screens disappear quickly.
Light and dark splash?: Export once with your primary background, then duplicate the pack with an inverted background for dark mode if your framework supports separate images.