Splash Screen Showcase

Interactive preview of all splash screen variants for different devices and contexts

Mobile Splash Screen

Optimized for mobile devices when accessing the app

Features:
  • Mobile-optimized layout
  • Touch-friendly interactions
  • Progressive feature showcase
  • Mobile benefits highlighting

PWA Install Splash

Progressive Web App installation guide and welcome

Features:
  • PWA installation guide
  • Step-by-step instructions
  • Platform-specific tips
  • App icon integration

Marketing Splash Screen

Feature-rich splash screen with rotating highlights

Features:
  • Feature rotation showcase
  • Animated character
  • Trust metrics display
  • Call-to-action buttons

Auto-Detect Splash

Smart splash screen that adapts to device and context

Features:
  • Device detection
  • Context awareness
  • Smart routing logic
  • Adaptive experience

Implementation Guide

How to integrate these splash screens into your application

Usage Examples:

Mobile Access: Show when users tap "Access Mobile App" button
PWA Install: Display when app can be installed as PWA
Marketing: Use for feature showcases and onboarding
Auto-Detect: Smart routing based on device and context

Integration Points:

Home Page: "Access App" button triggers mobile splash
Login Flow: Show appropriate splash before authentication
First Visit: Welcome new users with engaging experience
App Launch: PWA startup and offline scenarios