Note: This site assumes you have a basic understanding of Webflow. Enough to build a webpage and add custom code and embedded code blocks.
Super small file sizes
Files are often smaller than Lottie
Bitmap image meshing
Adding a mesh to a bit map image allows you to warp it and bind the image to bones to create 3D-appearing affects.
Simple timelines
It's easy to start creating animations and then continue adding skills to your workflow.
Timeline blending and layering
Layering animations in the state machine allows you to play multiple timelines at once and blend them together. You can mix one-shot, looping, and ping pong animations of differing lengths and they'll all play together in the artboard.
Seamless transitions between animation states
With other software, to switch from one animation to another creates an instant jump cut to the second animation. With Rive, you can set transition duration and the state machine with automatically transition smoothly between animations.
Build interactivity in real-time
Rive allows you to create listeners for hover, click, and pointer move for multiple shapes with in your artboard. You can even set invisible shapes to act as the hit-area for listeners. That means to can create animations that react to user actions like hovering over certain elements, clicking them, or having parts of the animation follow the cursor.
No rendering necessary
Rive animations run in real time and don't need to be rendered to view or use. But, if you want to export high-quality video files you can add a timeline to the cloud render queue and you'll be notified when your file is ready for download.
Use Rive animations everywhere
Rive is built to work with lots of platforms and includes both simple and advanced methods. It's easy to generate iframe embed code to simply and quickly add an interactive Rive animation to any website. For more advanced uses, Rive offers a javascript runtime code that allows developers to integrate the animation into the website further.