Splash / Loading Screen
The Splash / Loading Screen gives your Power App a polished first impression: a centered logo, app name, tagline and progress bar on a full-screen backdrop. It ships with comments showing exactly where to drop your Theme Generator color tokens, and an optional Timer recipe to animate the bar and auto-navigate to your home screen.
PowerBlocks
Loading your workspace…
YAML source
Preview — full code with PRO# Splash / Loading Screen — PowerBlocks (PRO Screen)
# A branded loading screen. Set it as your app's first screen.
#
# THEME — replace the hard-coded colors below with your Theme Generator tokens:
# Background fill -> ColorBackground
# Logo box fill -> ColorPrimary
# App name text -> ColorText
# Tagline text -> ColorTextMuted
# Progress fill -> ColorPrimary
#
# ANIMATE + AUTO-NAVIGATE (optional): add a Timer named SplashTimer with
# Duration = 2500, AutoStart = true, Repeat = false,
# OnTimerEnd = Navigate(HomeScreen, ScreenTransition.Fade)
# then set SplashFill.Width = (SplashTimer.Value / SplashTimer.Duration) * 240.
# … full component definition unlocked with PROThis is a partial preview. Unlock the full component →
Common use cases
App startup splash
Show a branded loading screen while App.OnStart finishes building collections and variables.
Theme showcase
Pair it with the Theme Generator — the comments map each element to a ColorPrimary / ColorBackground token.
Perceived performance
Mask initial load time with a clean, intentional screen instead of a blank flash.
How to use Splash / Loading Screen in Power Apps
- 1Choose your locale (EN or FR) and click "Copy YAML".
- 2Paste the control onto a new, blank first screen in Power Apps Studio.
- 3Replace the hard-coded colors with your Theme Generator tokens (see the YAML header).
- 4Optionally add the Timer described in the header to animate the progress bar and auto-navigate when loading finishes.
Tip — Generate your palette in the Theme Generator tool, paste the named formulas in App.Formulas, then swap each color here for ColorPrimary, ColorBackground, ColorText — the splash instantly matches your brand.