01Step 01 / 06
Pick a base character.
Choose the skeleton that fits your product: cat, dog, robot, or blob. The structure keeps every state visually consistent.
New Mascot animation, reimagined
Turn your idea into
a Lottie mascot.
Pick a base character, shape its personality with AI, and choose a motion. Export a lightweight animation ready for web and mobile.
No keyframes. No video workaround. Just motion you can ship.
Tap to play
01 The problem
You need a mascot that moves.
Building one is the hard part.
Getting a branded character that reacts across your app usually means hiring a freelancer for weeks, or reaching for an AI video tool that leaves you with a heavy MP4 or GIF instead of a reusable product animation.
02 How it works
From first click to an app-ready mascot.
Choose a character, shape its personality, preview five useful product states, and download the complete dotLottie pack.
02Step 02 / 06
Set the personality.
Add your brand colors, pick a vibe, and answer a few quick questions, or describe the character in one short prompt.
03Step 03 / 06
Meet your mascot.
SupaLottie assembles a unique character with its face, ears, proportions, accessories, and brand colors already applied.
04Step 04 / 06
Make it yours.
Swap ears, change eyes, adjust colors, try another accessory, or regenerate a fresh variation until it feels right.
05Step 05 / 06
Preview every state.
Watch the onboarding wave, empty-state idle, error reaction, success celebration, and loading loop before you ship.
06Step 06 / 06
Download the pack.
Get the complete multi-state dotLottie pack, ready to drop into your React Native or Flutter product.
01Choose a base
02Shape the vibe
03Generate
04Preview 5 states
05Ship dotLottie
03 Motion library
Give your mascot
a starting move.
Start with motion built for your mascot rig, then make it your own. A preset gives AI a reliable starting point instead of a blank canvas.
Motion / 01
01
Wave
A friendly hello for onboarding and first-run moments.
Motion / 02
02
Idle
Subtle movement that keeps an empty state feeling alive.
Motion / 03
03
Celebrate
A high-energy reaction for wins, upgrades, and milestones.
Motion / 04
04
Bounce
A playful loop for progress, loading, and anticipation.
Motion / 05
05
Blink
A tiny expression that gives your mascot personality.
Motion / 06
06
Jump
A clear burst of motion for calls to action and success.
04 Premade motion + AI
Control without
the keyframes.
Animate your mascot A reliable start
Choose motion already designed for the mascot rig instead of asking AI to guess everything.
Your own behavior
Use a prompt to change the speed, expression, timing, and personality of the movement.
Built to ship
End with .lottie or Lottie JSON instead of a video workaround, ready for web and mobile products.
✦ Early access
Make your mascot
part of the product.
We're building an easier way to create customizable Lottie mascots that react across every moment in your app.
No spam. Product news and early-access invites only.
Choose a character skeleton such as a cat, dog, robot, or blob. The base gives every generated state the same proportions and recognizable identity.
Add your brand colors, select a personality or vibe, and answer a few quick preference questions. You can also describe the character you want with a short prompt.
Yes. Swap features such as ears, eyes, colors, proportions, and accessories. You can also regenerate another variation and keep iterating until it feels right.
The mascot pack includes an onboarding wave, empty-state idle, error reaction, success celebration, and loading loop.
You receive a consistent multi-state dotLottie pack containing each product animation, ready to add to your application.
The exported animations are designed for product interfaces, including React Native and Flutter apps.