Preloop for Shopify
A branded loading animation. Not a blank screen.
Every theme has a beat before it paints - fonts loading, images decoding, apps injecting scripts. Preloop fills that beat with an on-brand animation instead of dead white space. 25+ presets, your colors, your speed, no code.
The problem
Buyers see a blank screen before they see your brand.
Shopify themes render in stages. On a slow connection, that gap is long enough to feel like something broke - and it carries zero brand. Preloop turns it into a deliberate, on-brand moment instead.
How it works
From blank screen to branded moment in three steps.
Pick an animation
Choose from 15+ preloader animations across dots, spinners, squares, and bars.
Match your brand
Set primary and secondary colors, background, and animation speed - the preview updates live.
Publish, no code
Preloop installs as a theme app extension. Enable it in the theme editor and it's live.
See it live
Not a demo video. A real Shopify store.
preloadify.myshopify.com runs Preloop on every page load. Open it and watch the branded loader run before the page paints - on a live storefront, not a recording.
Everything you need for a branded loading state.
25+ animations
Dots, spinners, squares, and bars - pick the preset that fits your brand, or try a few before you commit.
Full color control
Set primary, secondary, and background colors to match your theme exactly.
Adjustable speed
Slow, medium, or fast - tune the animation to feel right for your store.
No code required
Installs as a theme app extension. Enable it from the theme editor.
Works with any theme
Built on Shopify's app block system - compatible with Online Store 2.0 themes.
Multi-language admin
Manage your preloader in English, French, or Vietnamese.
Set once, runs everywhere
Configure in the admin. It shows on every page load.
Set your animation, colors, and speed once in the Preloop dashboard. The theme extension reads that configuration directly - no page-by-page setup, no template edits.
Why Preloop
A better first impression than a blank screen or custom code.
| Blank screen | Custom-coded loader | Preloop | |
|---|---|---|---|
| Branded loading state | |||
| Match your theme colors | N/A | Manual | |
| Developer required | No | Yes | No |
| Animation presets | 0 | 1 | 25+ |
| Setup time | N/A | Hours | Minutes |
| Ongoing updates | N/A | Manual | Automatic |
Ready when you are
Replace the blank screen. Install Preloop.
Pick an animation, match your colors, publish. Set up in minutes.