Rive animation service

Integration-ready Rive files, without hiring an animator.

Send your character and get a .riv your developers can wire up the same day: documented state machines, a Data Binding view model, React and SwiftUI components and every video format — automated in hours, or hand-finished by an animator.

Try it with your character See plans

Automated: Studio · $29/month · 3 sets
Hand-finished: Expert · $499 one-time
Revisions: 2 rounds with the expert plan
Hand-off: Docs + code in every set

Live Rive file

Loops

Play once

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.

What are the best services for mascot animation with Rive export?

Rive Experts — freelancers and studios verified by the Rive team and hired through Contra — suit custom work. Automated services such as Charmotion generate a .riv with a documented state machine and Data Binding view model from one image, at $29 a month or $499 hand-finished. Always ask for named states and integration code.

Mascot Animation Services With Rive Export: Your Options

Automated or hand-finished

Studio — automated$29/mo

3 character sets a month
.riv with Data Binding + classic state machines
Transparent WebM and HEVC MOV, MP4, GIF, 9:16
Web, React and SwiftUI code
Usually 1–2 hours per set

Done with an expert$499

1 hand-finished character set
Everything in Studio
Private ticket thread with the animator
2 revision rounds
Add-ons included when they launch

What your developers receive

A documented contract

View model Character: number mood (0–9) and triggers success · error · yes · no · enter · exit. The same graph as classic inputs in CharacterStateMachine. Written up in the set's README.

Components

A React component with a mood prop and play() handle, a plain web embed, and SwiftUI views for both Apple runtimes — named after your character.

Fallback files

Every animation also as MP4, transparent WebM and MOV and GIF, so email, marketing and platforms without Rive get the same character.

Real output

Delivered files, exactly as you'd download them.

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.

Rivet thinking — GIF output — 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

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 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.

Formats included per plan
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

Plans

Pick the formats you need.

Studio ($29/month) is fully automated. Done with an expert ($499 one-time) adds an animator who polishes your set with you over a private ticket thread, with two revision rounds. Prices in USD; tax is calculated at checkout by Polar.