Mascot Animation State Planner

Choose the kind of app you're building. You'll get the mascot states it needs, the moment each one plays, whether it loops or plays once, the tone to aim for and what to avoid.

Runs entirely in your browser. Your file is never uploaded.

Fintech & banking: 8 states

Tone

Calm and trustworthy. Celebrate quietly; never be playful about money going wrong.

Avoid

Animating over balances or confirmation numbers, and cute reactions to declined payments or fraud alerts — show clear text first.

Moment	State	Playback	Priority
App launch	`launch`	plays once	Core
Default on dashboard	`idle`	loop	Core
Loading balances or sending money	`loading`	loop	Core
Transfer or payment completed	`success`	plays once	Core
Payment failed or declined	`error`	plays once	Core
Empty transactions list	`sleeping`	loop	Nice to have
Saving goal reached	`happy`	loop	Nice to have
Security tip or reminder	`attention`	loop	Nice to have

Every state above is one of the 17 animations in a Charmotion set, so this plan maps one-to-one onto the Rive file: loops are mood values, one-shots are triggers.

Kids & education: 9 states

Tone

Warm, encouraging and patient. Praise effort, not just right answers.

Avoid

Sad or disappointed reactions to wrong answers, guilt on streak reminders, and anything that pressures children to keep playing.

Moment	State	Playback	Priority
Lesson start	`wave`	loop	Core
Idle during an exercise	`idle`	loop	Core
Correct answer	`success`	plays once	Core
Wrong answer (gentle)	`no`	plays once	Core
Thinking time	`thinking`	loop	Core
Lesson complete	`happy`	loop	Core
Loading next lesson	`loading`	loop	Nice to have
Reminder to practise	`attention`	loop	Nice to have
Character enters a scene	`enter`	plays once	Nice to have

Every state above is one of the 17 animations in a Charmotion set, so this plan maps one-to-one onto the Rive file: loops are mood values, one-shots are triggers.

Health & wellness: 8 states

Tone

Gentle and empathetic. Quiet motion that never competes with health information.

Avoid

Cheerful reactions next to symptoms or bad results, and exaggerated cuteness that undermines trust in medical content.

Moment	State	Playback	Priority
Welcome and check-in	`wave`	loop	Core
Default	`idle`	loop	Core
Logging or syncing data	`loading`	loop	Core
Goal or entry saved	`success`	plays once	Core
Listening to a voice entry	`listening`	loop	Nice to have
Explaining a result	`talking`	loop	Nice to have
Rest or sleep screen	`sleeping`	loop	Nice to have
Medication reminder	`attention`	loop	Core

Every state above is one of the 17 animations in a Charmotion set, so this plan maps one-to-one onto the Rive file: loops are mood values, one-shots are triggers.

Fitness & coaching: 7 states

Tone

Energetic but honest. Big celebrations for milestones, small ones for routine workouts.

Avoid

Celebrating every single tap, and shaming missed workouts or broken streaks.

Moment	State	Playback	Priority
App launch	`launch`	plays once	Core
Default	`idle`	loop	Core
Workout start	`happy`	loop	Core
Workout complete	`success`	plays once	Core
Personal best or streak milestone	`happy`	loop	Core
Rest day	`sleeping`	loop	Nice to have
Syncing from a watch	`loading`	loop	Nice to have
Nudge to start today	`attention`	loop	Nice to have

Every state above is one of the 17 animations in a Charmotion set, so this plan maps one-to-one onto the Rive file: loops are mood values, one-shots are triggers.

VPN & security: 8 states

Tone

Reassuring and steady. The mascot signals state at a glance: protected, connecting, at risk.

Avoid

Playful reactions to real threats, and motion that hides the connection status text.

Moment	State	Playback	Priority
App launch	`launch`	plays once	Core
Protected / connected	`happy`	loop	Core
Connecting	`loading`	loop	Core
Disconnected or unprotected	`sad`	loop	Core
Connection established	`success`	plays once	Core
Connection failed	`error`	plays once	Core
Threat or leak warning	`attention`	loop	Core
Idle while off	`idle`	loop	Nice to have

Every state above is one of the 17 animations in a Charmotion set, so this plan maps one-to-one onto the Rive file: loops are mood values, one-shots are triggers.

Productivity & SaaS: 8 states

Tone

Helpful and unobtrusive. The mascot lives at the edges: onboarding, empty states and confirmations.

Avoid

Animating inside dense working views, and long celebrations that slow people down.

Moment	State	Playback	Priority
Onboarding welcome	`wave`	loop	Core
Empty project or inbox	`sleeping`	loop	Core
Loading or syncing	`loading`	loop	Core
Task or export done	`success`	plays once	Core
Something failed	`error`	plays once	Core
Feature tip	`attention`	loop	Nice to have
Character appears in a tour	`enter`	plays once	Nice to have
Character leaves	`exit`	plays once	Nice to have

Every state above is one of the 17 animations in a Charmotion set, so this plan maps one-to-one onto the Rive file: loops are mood values, one-shots are triggers.

E-commerce & delivery: 7 states

Tone

Friendly and quick. Motion supports the order journey and never delays checkout.

Avoid

Animation inside the checkout form, and a playful reaction to a failed payment.

Moment	State	Playback	Priority
App launch	`launch`	plays once	Core
Empty cart	`sleeping`	loop	Core
Searching or loading products	`loading`	loop	Core
Order placed	`success`	plays once	Core
Payment problem	`error`	plays once	Core
Out for delivery	`happy`	loop	Nice to have
Deal or back-in-stock alert	`attention`	loop	Nice to have

Every state above is one of the 17 animations in a Charmotion set, so this plan maps one-to-one onto the Rive file: loops are mood values, one-shots are triggers.

AI assistant & chatbot: 9 states

Tone

Attentive and responsive. Listening, thinking and talking should map exactly to what the assistant is doing.

Avoid

Talking motion when no audio or text is streaming, and a human-like face that implies feelings the bot doesn't have.

Moment	State	Playback	Priority
Waiting for input	`idle`	loop	Core
User is typing or speaking	`listening`	loop	Core
Request sent, no reply yet	`thinking`	loop	Core
Reply streaming or audio playing	`talking`	loop	Core
Task completed	`success`	plays once	Core
Couldn't help or error	`error`	plays once	Core
Confirming a choice	`yes`	plays once	Nice to have
Declining a request	`no`	plays once	Nice to have
Greeting	`wave`	loop	Nice to have

Every state above is one of the 17 animations in a Charmotion set, so this plan maps one-to-one onto the Rive file: loops are mood values, one-shots are triggers.

Games & entertainment: 8 states

Tone

Expressive and big. Characters can act more, as long as they stay readable at small sizes.

Avoid

Flashing more than three times a second, and reactions that keep looping after the moment has passed.

Moment	State	Playback	Priority
App launch	`launch`	plays once	Core
Menu idle	`idle`	loop	Core
Win	`success`	plays once	Core
Lose	`sad`	loop	Core
Level loading	`loading`	loop	Core
Reward unlocked	`happy`	loop	Core
Hint available	`attention`	loop	Nice to have
Character enters	`enter`	plays once	Nice to have

Every state above is one of the 17 animations in a Charmotion set, so this plan maps one-to-one onto the Rive file: loops are mood values, one-shots are triggers.

Social & dating: 6 states

Tone

Warm and light. The mascot fills quiet moments without commenting on people.

Avoid

Reacting to other users' photos or profiles, and sad reactions to rejections.

Moment	State	Playback	Priority
Onboarding welcome	`wave`	loop	Core
No new matches or messages	`sleeping`	loop	Core
Loading feed	`loading`	loop	Core
Match or message sent	`success`	plays once	Core
Profile complete	`happy`	loop	Nice to have
New notification	`attention`	loop	Nice to have

Every state above is one of the 17 animations in a Charmotion set, so this plan maps one-to-one onto the Rive file: loops are mood values, one-shots are triggers.

Loops vs one-shots

Loops (idle, loading, sleeping) run as long as the screen is in that state. One-shots (success, error, yes, no) play once in response to an event, then return to the loop.

Start with the core

Ship the core states first and add the rest once you see where the mascot actually helps. Respect reduced-motion settings with a still pose.

Learn more

Get every state in one file

A Charmotion set gives your character all 17 animations — every state in these plans — as a Rive file with ready state machines, plus video, GIF and code.

Try it with your character See plans

More free tools

Mascot Animation Previewer Rive File Inspector Transparent Video Checker