Play video
Plays from YouTube in privacy-enhanced mode. Nothing loads from YouTube until you press play.
PNG to Rive animation: the manual way vs. one upload
Published · 0:35
The manual way: import the PNG into Rive, add a mesh, bind bones, keyframe every animation and wire a state machine. Or upload the PNG and get a ready .riv with a state machine: set a mood (0–9) or fire triggers like success and error from your code. React, SwiftUI and web snippets included.
Read more
See your own character move
Upload one image and get a free animated preview.
More videos
All videos-
0:18
What should an empty screen show? (mascot tip) -
0:31
Lottie vs GIF: Which Animation Format Should You Ship? -
0:26
How to add a Rive animation to an iOS app -
0:27
Is Rive faster than Lottie? -
0:38
Twitch Animated Emotes From Your Mascot: Sizes and Specs -
0:29
Rive vs Lottie file size -
0:25
Should a fitness app mascot celebrate every workout? -
0:34
Animated Mascot Overlay in OBS: Follower Alerts, Subs and BRB -
0:23
How to make a video behave like a GIF -
0:39
Rive in a Chrome Extension (Manifest V3): Fix the WASM Loading