Splash screen animation

A launch animation from your app icon, ready for your first screen.

Upload your app icon, logo or mascot. You get a launch intro of about 2.6 seconds that ends on your character at rest, then hands off to idle or loading while the app gets ready. It comes as a Rive LaunchStateMachine, transparent HEVC MOV and WebM, a 1080 × 1920 video and web, React and SwiftUI code.

See it in your app See plans

Intro: About 2.6 s, ends on idle
Files: .riv, MOV, WebM, MP4, 9:16
Code: Web, React, SwiftUI
Plan: Starter, $20/month

Live Rive file

Loops

Play once

This is the actual .riv our engine delivers, playing in your browser. It's the same state machine you drive from your app with one number input and a trigger per one-shot.

Where the intro plays: right after the native splash

1. Native splash stays still

iOS shows a static launch screen before your code runs, and Android 12's SplashScreen API only animates an AnimatedVectorDrawable icon. Keep both static, on the same background color and icon position as your first screen.

2. Your first screen plays the intro

LaunchStateMachine plays the intro once and settles on idle. It fires no end event, so time the hand-off to the intro length (about 2.6 s) or move on as soon as the app is ready.

3. Hand off to loading or home

Switch to CharacterViewModelMachine and set mood to 5 (loading) while data loads, or go straight to your home screen. The character never stops on an odd frame.

What to use on each platform

Platform	File	How
iOS (SwiftUI, UIKit)	.riv or HEVC-alpha MOV	Delivered SwiftUI view, or AVPlayer for the MOV
Android	.riv	rive-android on your first activity, after the system splash
Flutter	.riv + README	rive package; remove flutter_native_splash when the intro starts
React Native, Expo	.riv + README	@rive-app/react-native in a development build
Web and PWA	.riv or transparent WebM + MOV	Delivered web and React code

Not included: Lottie files, an animated native OS splash (Android's needs an AnimatedVectorDrawable) and animated home-screen icons (not available to third-party apps on iOS or Android).

Real output

Delivered files, exactly as you'd download them.

MP4 Every set

1080 × 1080 at 60 fps. Here: Gummo’s wave, from a delivered set.

Transparent WebM & MOV Every set

Alpha channel included, so the checkerboard shows through. MOV is HEVC with alpha for Apple apps and editors.

Kiko thinking, GIF output — GIF Every set
Light previews for docs, email and chat. Kiko’s “thinking” loop.

9:16 launch video Every set

1080 × 1920 for stories and splash screens. Sizzle’s launch intro.

kiko.riv · 150 KB

CharacterStateMachine: number input mood
0–9: idle, happy, wave, thinking, sad, loading, listening, talking, sleeping, attention
triggers: success · error · yes · no · enter · exit
LaunchStateMachine: launch → idle, plays once

Rive state machine Every set

One small file instead of 17 videos. It’s what powers the demo at the top of this page.

import { useRive, useStateMachineInput } from "@rive-app/react-canvas";

export function Kiko({ mood = 0 }) {
  const { rive, RiveComponent } = useRive({
    src: "/kiko.riv",
    stateMachine: "CharacterStateMachine",
    autoplay: true,
  });
  const input = useStateMachineInput(rive, "CharacterStateMachine", "mood");
  if (input) input.value = mood; // 0 idle · 1 happy · 2 wave · 3 thinking · 4 sad · 5 loading …
  return <RiveComponent style={{ width: 320, height: 320 }} />;
}

Paste-ready code Every set

Web, React and SwiftUI components named after your character.

Formats included per plan
Format	Specs	Best for	Starter & All in one
MP4	1080 × 1080, 60 fps, all 17 animations	Apps, socials, decks, product videos	Included
9:16 launch video	1080 × 1920 MP4	Stories, Reels, splash screens	Included
GIF	480 px previews, solid background	Docs, email, chat, README	Included
Rive (.riv)	Vector; Data Binding view model + legacy inputs: mood for loops, triggers for one-shots, launch machine	Interactive apps and sites (web, iOS, Android, Flutter)	Included
Transparent WebM	VP9 with alpha, 1080 × 1080	Web overlays on any background	Included
Transparent MOV	HEVC with alpha	Final Cut, Keynote, iOS, Safari	Included
Code	Web (HTML), React and SwiftUI components	Paste in and ship	Included
Download all (.zip)	Rive file, code, README and posters in one archive	Hand-off to your team	Included
Video export	MP4, GIF, transparent WebM and MOV, 9:16: pick formats and animations on the set page, ready in about a minute	Only the videos you need	Included
AI assistants (MCP)	Claude, Cursor, VS Code and Codex	Design, animate and get download links in the chat	Included

Plans

Start free. Upgrade when you need more.

The .riv, transparent MOV and WebM and the code are in every paid plan, from Starter ($20/month). Every set also has the launch as MP4, GIF and a 9:16 video, fine for a store listing or a social post. Prices in USD; tax is calculated at checkout by Creem.