App mascot
Wave on onboarding, think while your AI works, cheer on success, look sad on errors and empty states. One Rive file, one input — your product gets a personality without a motion team.
Included in every set
Character animation, delivered
Your character, alive in every format.
Upload your mascot or logo. We rig it, animate six moods and a launch intro, and hand you Rive, MP4, transparent video, GIF and paste-ready code — usually within 1–2 hours.
- Built from your own artwork
- Usually ready in 1–2 hours
- Never used to train AI
- Web, React & SwiftUI code
Live Rive file
Mood
This is the actual .riv our engine delivers, playing in your browser — the same state machine you drive from your app with one number input.
One set
Six animations, ready for every moment in your product.
- Idle4.0 s · loop Default / resting
- Happy1.5 s · loop Success, purchase, level-up
- Wave3.0 s · loop Greeting, onboarding
- Thinking2.4 s · loop Loading, “AI is working”
- Sad3.0 s · loop Error, empty state, offline
- Launch2.6 s Splash screen, hero intro (ends on idle)
Try it — free, no account
See your character in the places it will live.
Drop in your mascot or logo. We place it, as-is, in three real layouts next to a demo character playing the animation you'd get. Nothing is uploaded — it stays in your browser.
For the best result
- Flat, front-facing artwork — like a sticker or app icon
- Plain or transparent background
- Square-ish, at least 512 × 512 px
- Clear shapes: separate head, body, arms help the rig
Your character
Launch animation, then idle — the real Rive output.
Your character
Wave mood, looping — the real Rive output.
Your character
No messages yet
When someone writes to you, it shows up here.
Animation locked — choose a plan
No messages yet
When someone writes to you, it shows up here.
Sad mood, looping — the real Rive output.
Your preview stays static on purpose. We never fake motion — your animation is rigged and rendered for real after you choose a plan.
Animate my character
What you get
Real files, not a showreel.
Everything below is actual engine output for our demo characters — the same files, formats and code your set arrives with.
MP4 All plans
1080 × 1080 at 60 fps. Here: Pip’s wave, straight from the delivered file.
Transparent WebM & MOV Studio
Alpha channel included — the checkerboard shows through. MOV is ProRes 4444 for editors.
GIF All plans
Light previews for docs, email and chat. Orbi’s “thinking” loop.
9:16 launch video All plans
1080 × 1920 for stories and splash screens. Bolt’s launch intro.
pip.riv · 18 KB
- CharacterStateMachine
- number input mood
0 idle · 1 happy · 2 wave
3 thinking · 4 sad
220 ms blends between moods - LaunchStateMachine
- launch → idle, plays once
Rive state machine Studio
One tiny vector file instead of six videos. It’s what powers the demo at the top of this page.
import { useRive, useStateMachineInput } from "@rive-app/react-canvas";
export function Pip({ mood = 0 }) {
const { rive, RiveComponent } = useRive({
src: "/pip.riv",
stateMachines: "CharacterStateMachine",
autoplay: true,
});
const input = useStateMachineInput(rive, "CharacterStateMachine", "mood");
if (input) input.value = mood; // 0 idle · 1 happy · 2 wave · 3 thinking · 4 sad
return <RiveComponent style={{ width: 320, height: 320 }} />;
}Paste-ready code Studio
Web, React and SwiftUI components named after your character.
Formats by plan
| Format | Specs | Best for | Starter | Studio & Expert |
|---|---|---|---|---|
| MP4 | 1080 × 1080, 60 fps, all 6 animations | Apps, socials, decks, product videos | Included | Included |
| 9:16 launch video | 1080 × 1920 MP4 | Stories, Reels, splash screens | Included | Included |
| GIF | 480 px previews | Docs, email, chat, README | Included | Included |
| Rive (.riv) | Vector, state machine with a mood input + launch machine | Interactive apps and sites (web, iOS, Android, Flutter) | Not included | Included |
| Transparent WebM | VP9 with alpha, 1080 × 1080 | Web overlays on any background | Not included | Included |
| Transparent MOV | ProRes 4444 with alpha | Final Cut, Premiere, After Effects, Keynote | Not included | Included |
| Code | Web (HTML), React and SwiftUI components | Paste in and ship | Not included | Included |
| Download all (.zip) | Everything in one archive (MOVs separate) | Hand-off to your team | Included | Included |
How it works
The full process
Upload. We animate. You ship.
-
01
Upload your character
A flat, front-facing PNG, JPEG or WebP. Name the set and you’re done — it takes a minute.
-
02
We rig and animate it
The engine finds the parts, builds a vector rig and keyframes six moods plus a launch intro in Rive. Usually 1–2 hours.
-
03
Download and ship
Preview every file in the browser, copy the embed code, then grab single files or everything as one .zip.
Use-cases
Built for the places characters earn their keep.
Launch & splash
A short intro that lands on idle — for app launch screens, website hero intros and the first seconds of a video. Plus a 9:16 cut for stories.
Included in every set
Coming soon
Web hero (3D / interactive)
An interactive hero section built around your character.
Coming soon
Ad clips
Short social ad cuts starring your character.
Coming soon
Intro / outro
Branded opening and closing sequences for video.
Pricing
Compare plans
Pick how much motion you need.
Starter
MP4
$19/month
Video files for apps, socials and decks.
- 2 character sets per month
- MP4 (1080×1080) for all 6 animations
- GIF previews
- 9:16 launch video
Studio
All formats
$49/month
The full interactive set for product teams.
- 3 character sets per month
- Rive .riv with state machine
- Transparent WebM + MOV (ProRes 4444)
- MP4, GIF and 9:16 launch video
Done with an expert
Hand-finished
$499one-time
An animator polishes your set with you.
- 1 hand-finished character set
- Everything in Studio
- All add-ons included when available
- Private ticket thread with the animator
What exactly do I get for one character set?
Six animations of your character — idle, happy, wave, thinking, sad and a launch intro that ends on idle — delivered in the formats your plan includes. Studio and expert sets include an interactive Rive file with a state machine (one number input switches moods), transparent WebM and MOV, MP4, GIF, a 9:16 launch video and ready-to-paste web, React and SwiftUI code.
How long does it take?
Usually 1–2 hours from upload to download. You can watch each stage live on the job page — analyzing, building the rig, rendering, packaging — and we email you when the set is ready.
What kind of image works best?
Flat, front-facing artwork on a plain or transparent background: think sticker, app icon or mascot sheet. PNG, JPEG or WebP, at least 512 × 512 px and up to 10 MB. Characters with clearly separated head, body and limbs give the most expressive rigs. Photos of real people are not supported.
Is this AI-generated?
No generative model redraws your character. The engine traces your artwork’s own shapes and colors into vector parts — with automated, AI-assisted checks of which part is a head, an arm or an accessory — then rigs them and keyframes the animations in Rive. What you download is your character, moving, not a lookalike.
What is a Rive file and why would I want one?
Rive is a runtime for interactive vector animation on the web, iOS, Android, Flutter, React and game engines. Instead of six separate videos you ship one small file (typically under 20 KB) and switch moods in code — mood = 2 waves, mood = 3 thinks. It stays sharp at any size and blends between states smoothly.
How do monthly sets work?
Starter includes 2 character sets per month and Studio includes 3. Unused sets don’t roll over; your allowance resets at the start of each billing period. You can cancel any time from your account and keep everything you’ve downloaded.
What happens to the image I upload?
It is stored privately, processed on our own machines to build your set, and never used to train AI models. You can download or delete your data at any time from your account; deleting your account permanently removes your uploads and outputs. Details are in the privacy policy.
Give your character a pulse.
See it in your layouts for free, then let the engine do the rest.