Starter
MP4
$4.99/month
Video files for apps, socials and decks.
- 2 character sets per month
- 8 AI character designs per month
- MP4 (1080×1080) for all 17 animations
- GIF previews
- 9:16 launch video
- Use-cases: app mascot + launch/splash
Upload the mascot you already have. AI-assisted analysis finds its head, eyes, arms and accessories, then our engine rigs your own artwork and animates loading, success, error, empty states, greetings and assistant reactions — in Rive, video, GIF and code.
Live Rive file
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 and a trigger per one-shot.
Rig your existing artwork and animate the states your app uses — idle, loading, success, error, empty state — then ship them as a Rive file your code switches between. Do it yourself in the Rive editor, or upload the mascot to a generator such as Charmotion, which delivers 17 animations as Rive, video, GIF and code.
Use ready-made templates if it needn't be your character, animate it yourself in Rive or Lottie Creator, generate app-ready states from your mascot image with a tool such as Charmotion, use AI image-to-video for one-off clips, or hire a freelancer for a small fixed scope.
| Product moment | Animation | Type |
|---|---|---|
| App launch, site header | launch → idle | plays once |
| Waiting on a request | loading, thinking | loop |
| Saved, paid, completed | success | one-shot |
| Something failed | error, sad | one-shot / loop |
| Empty inbox, nothing yet | sleeping | loop |
| Onboarding, welcome | wave, happy, enter | loop / one-shot |
| Notification, tip | attention | loop |
| Chat or voice assistant | listening, talking, yes, no | loop / one-shot |
Your artwork is never redrawn
AI-assisted checks decide which part is a head, an eye or an arm. The motion itself is rigged and keyframed in Rive from your own pixels or traced shapes, so what you download is your mascot, moving — not a lookalike. Uploads are processed on our own machines and never used for training.
No mascot yet? Describe it
Choose Describe it, write a sentence, and our AI draws a flat, animation-friendly character you can animate like any upload. AI designs are included in every plan — 8 a month on Starter, 12 on Studio — and never use up a set.
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 HEVC with alpha for Apple apps and editors.
GIF All plans
Light previews for docs, email and chat. Rivet’s “thinking” loop.
9:16 launch video All plans
1080 × 1920 for stories and splash screens. Bolt’s launch intro.
pip.riv · 40 KB
Rive state machine Studio
One tiny vector 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 Pip({ mood = 0 }) {
const { rive, RiveComponent } = useRive({
src: "/pip.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 Studio
Web, React and SwiftUI components named after your character.
| Format | Specs | Best for | Starter | Studio & Expert |
|---|---|---|---|---|
| MP4 | 1080 × 1080, 60 fps, all 17 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; Data Binding view model + legacy inputs: mood for loops, triggers for one-shots, 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 | HEVC with alpha (ProRes 4444 on request) | Final Cut, Keynote, iOS, Safari | 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 |
Starter ($4.99/month) covers MP4, GIF and the 9:16 video. Studio ($29/month) adds the interactive .riv, transparent video and code most apps need. Prices in USD; tax is calculated at checkout by Polar.
MP4
$4.99/month
Video files for apps, socials and decks.
All formats
$29/month
The full interactive set for product teams.
Hand-finished
$499one-time
An animator polishes your set with you.
Yes, with the Rive file: set the mood number for loops and fire a trigger such as success or error for one-shots. The included React and SwiftUI components wrap both.
Yes. The set includes listening, thinking and talking loops plus yes and no reactions, which map directly to chat and voice-agent states.
Yes. The rig moves your own pixels or traced shapes; nothing is regenerated. Flat, front-facing mascots get the fullest motion, including arm waves and expressions.
Yes, worldwide and without expiry, in apps, sites, ads and videos — including after you cancel a monthly plan.
Free, in your browser — nothing is uploaded until you choose a plan.
Other ways people use Charmotion