What this is: a plain-English guide to the animated "juice" you love in Persona, Metaphor, and Blue Archive — the whooshes, menu motion, character reveals, and sparkle — how those studios actually make it, the modern tools that do the same thing in a normal app with no game engine, exactly what to ask an artist to deliver, and how you and I bake it into Faye together. ✨
Almost all of that "alive" feeling is flat 2D motion-graphics composited on top of the app — vector shapes, illustrated cut-ins, kinetic type, masks, timed reveals, and particles — with only the occasional real 3D model or shader as an accent. Atlus confirmed this directly: Persona 5's UI is mostly 2D vector animation running in real time, plus one 3D model for the character that poses as you navigate. So you do not need a game engine or a 3D pipeline to get ~80% of the effect.
What you actually need is three things, every time: (1) the right animation-authoring tool, (2) the result delivered in a runtime format a lightweight player can drive (not a flat video), and (3) the effect triggered at the right moment in the app. That's the whole game. The rest of this doc is which tool for which effect, and how to hand it off.
Four teardowns. Tap to open.
Every tool below is just a way to make an animation and play it. The only question that matters for you is "does it run in a normal app without a game engine?"
| Tool | What it is | Best for | What you'd receive | Runs in an app w/o a game engine? |
|---|---|---|---|---|
| Lottie | After Effects animation exported to a tiny JSON | UI motion: whooshes, menu transitions, sparkle, loaders, petals | .json (+ source .aep) |
Yes — iOS, Android, RN, Flutter, web |
| Rive | Interactive 2D with a built-in "state machine" (logic) | A character/UI that reacts to app data (mood, listening, new message) | .riv (+ editor file) |
Yes — official runtimes everywhere, incl. RN |
| Live2D Cubism | Warps a layered illustration into a breathing "living" portrait | Faye herself: idle breathe, blink, talk (lip-sync), soft head-turns | Model package: .moc3 • textures + motions |
Yes — Cubism SDK (native) / pixi-live2d-display (web) |
| Spine | Bone-rigged 2D skeletal animation | Faye with more posed body motion (waving, gestures) | .json/.skel • .atlas • .png |
Yes — official iOS & Flutter runtimes (no official RN) |
| Alpha video | A pre-rendered clip with transparency | A rare, lush showpiece one-shot Lottie/Rive can't match | HEVC-alpha (iOS) + VP9-alpha (Android) — both | Yes, but heavy + baked pixels (no tuning) |
| Sprite sheet | Frames packed in a PNG, flipped like a flipbook | Fallback for hand-painted frame FX | .png atlas + frame data |
Yes — universal, but least flexible |
| Effekseer / Unity particles | Game-engine particle & effect systems | What the gacha pros use for skill VFX | Engine effect files | No — engine-only, not for your app |
Half the fun is that you already know most of these names.
Live2D — the VTuber and gacha standard. This is the tool behind virtual YouTubers: the agency Nijisanji was literally founded (2018) to push Live2D avatars, roughly 70% of Live2D's pro users make VTubers, and the consumer app VTube Studio drives a Live2D model straight off your webcam. In games it's the "living illustration" layer — Azur Lane's interactive shipgirls, Blue Archive's Memorial Lobby, Arknights' animated "dynamic outfits," and NIKKE (which uses Live2D and Spine). Fun fact: Live2D's first commercial hit wasn't a VTuber at all — it was a 2011 PSP game (Oreimo). The maker, Tokyo's Live2D Inc. (originally "Cybernoids"), was founded by Tetsuya Nakajo, whom Japan's IPA named a "Super Creator."
Spine — the skeletal-rig workhorse. Bone-rigged 2D animates Arknights operators and Blue Archive's combat sprites (so Blue Archive runs Spine for battle and Live2D for the lobby), plus NIKKE. In the Western indie world, Cult of the Lamb (Devolver) published its own Spine showcase of the game's rigs. It's made by a tiny team, Esoteric Software, and the whole pitch is asset economy — minuscule files, reusable "skins," and motion you can drive from code.
Lottie — the mainstream-app motion standard. Airbnb invented it and open-sourced it, and now it's everywhere: Duolingo's Duo mascot, Uber Eats order-status animations, the Google Home app, TikTok, and it drops straight into Notion and Google Workspace. If you've seen a crisp little looping animation in a big app, it's probably Lottie.
Rive — the interactive newcomer, and your closest match. Built by identical-twin founders (Guido and Luigi Rosso) as "what Flash should've become." Duolingo built its AI video-call character Lily in Rive — a state machine drives her mouth shapes and expressions, lip-syncing to phonemes, and they spun 60+ idle variations out of just 8 head × 8 body animations in a sub-1 MB file. Spotify Wrapped 2025's entire motion layer is Rive (300M+ users, 630M+ shares), and Notion's AI assistant and LinkedIn's first "Year in Review" (207,360 personalized versions) are Rive too. That Duolingo-Lily setup is almost exactly your "gentle character that idles, blinks, and talks."
Effekseer is the free, open-source particle editor beloved in Japan's indie/doujin scene (designer-owned effects, no programmer needed) — engine-only, so it's "what the pros use," not something you'd ship in your app. And alpha video is a technique rather than a product (Apple even ships sample code for transparent video), reserved for rare showpieces.