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
Drop in a PNG, JPEG or WebP. Flat artwork is split into parts and rigged for arm waves and expressions; 3D, gradient and detailed artwork keeps its exact pixels and gets squash, stretch, tilt, hops and blinks. Either way you get the same 17 animations.
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.
Yes. Charmotion turns one character image into 17 app-ready animations; Adobe Character Animator, Live2D and Spine animate layered or separated artwork; Meta's Animated Drawings animates human-like drawings; and AI image-to-video models generate short clips. Rig-based tools keep your exact artwork, while generated video redraws it.


Works well
Not a fit (yet)
Not sure? The free preview shows your image in real layouts before you pay.
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 |
Need only videos and GIFs? Starter ($4.99/month) is enough. For interactive use and transparent overlays, choose Studio ($29/month). 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.
No. The engine rigs and keyframes your artwork, so the character stays identical in every frame and the loops are seamless. Generative video redraws each frame and can drift.
MP4 and transparent WebM are 1080 × 1080; the launch cut is 1080 × 1920; GIF previews are 480 px. The Rive file is resolution independent for vector artwork.
Starter includes 2 character sets a month and Studio 3. Done with an expert is one hand-finished set.
If a set fails or is clearly broken, the set goes back to your balance automatically and you can contact us from the job page.
Free, in your browser — nothing is uploaded until you choose a plan.
Other ways people use Charmotion