Been seeing lots of comparisons between Rive and After Effects.
I want to set the record straight: Rive is not trying to replace or compete with After Effects.
We recreated this Lottie animation in Rive.
Lottie file is 181.7 KB.
Rive file is 18 KB.
Lottie GPU memory: ~149 MB-190 MB
Rive GPU memory: 2.6 MB
Lottie JS heap: 16.9 MB
Rive JS heap: 7.3 MB
Lottie CPU: 91.8%
Rive CPU: 31.8%
Rive's state machines let designers build real interactions (not just mockups or prototypes).
We think this is an important creative aspect that is missing in modern workflows.👇
Rive's state machines let designers build real interactions (not just mockups or prototypes).
Without a state machine, all these interactions and logic would need to be written in code.
Alright, one more work-in-progress of the new
@rive_app
website, this time with a look at the editor page. I want to make the hero robot interactive to drive the point home better.
Got several requests to write about Rive vs Lottie.
Though we’re working to solve a bigger problem, Rive already does all the things Lottie can do and more.
Rive is faster, smaller, and built for the interactive era.
👇
1. Duolingo is hiring Rive artists! DM for details. 🚀
2. Check out this cool behind-the-scenes look at how their Rive characters, rigs, and state machines work. 👀
We’re working on a new renderer at
@rive_app
.
🏎️ It renders lots of vectors crazy fast
🔍 …with exceptional antialiasing.
🌐 It's entirely WebGL compatible (and of course iOS, Android, Mac, Windows, Linux, etc).
🐭 It’s tiny.
Motion design Twitter, who out there has created some visually stunning animated UI work that inspired you? User interfaces for games, apps, websites, movies, concepts… anything goes.
I recently found
@jmasterjiggles
Halo work which is insane! 🤯
Most of you know Rive for its real-time animation capabilities… but Rive is also a complete UI solution for games.
We think it's the UI solution game engines have been missing.
Here's what you're going to be seeing in the coming months. 👇
Want to learn more about Rive? 👇
At its core, Rive is a new graphics format. It’s a type of graphic that can react, animate, and change itself at any moment.
The format (.riv) and its players are open. As a business, we offer a suite of design and dev tools to support it.
This week a customer asked us to rebuild a 17.1 MB Lottie file in Rive.
🤔 The 17.1 MB Lottie file optimizes to 13 MB with LottieFiles' JSON optimizer.
🙌 The Rive file is 217 KB.
All about Lottie optimization!
After 4+ years of R&D on the Lottie format, we’ve developed a way to reduce scripts & images within a Lottie.
Now with our Lottie Optimizer, you can further reduce its file size for better performance.
Here’s how:
Say what you will about
@elonmusk
and
@Twitter
, but they're definitely shipping fast! Looks like they added some nice interactive
@rive_app
animations.
At Rive we’ve been working with several vehicle companies. Can't share everything yet, but here's a state-machine-driven car that is entirely designed in
@rive_app
with vectors.
File is 29 KB 🤯
Rad example from Alex. Notice the thickness of the font animates (variable axis). This is all done with real-time text that can be dynamically manipulated at runtime.
This is not a prototype or a mockup.
This is a runtime-ready asset.
Check out some of the cool stuff you can design, animate, and immediately integrate into any platform thanks to our open source runtimes with
@rive_app
#screenshotsaturday
How Duolingo animates their world with
@rive_app
.
The
@duolingo
team gave us such a massive shoutout at Duocon. Our Slack exploded while we were watching this live. We are so fortunate to be partnered with such an insanely talented team! 🙌💚🦉
Here's how the state machine is set up in
@rive_app
for this. Without a state machine, all these interactions and logic would need to be written in code.
Btw this is all designed and animated in Rive too.
Duolingo is one of
@rive_app
’s early adopters.
@KurtHartfelder
, in one of his first messages on our shared Slack channel, shared that his Rive test was 15x smaller than Lottie.
This is why we allow you to render
@rive_app
animations to textures in game engines.
Stateful, functional, interactive 2D vector + raster graphics that render perfectly in 3D scenes.
In case you missed it with all the excitement of our Unreal Engine release today, we also announced that we'll be open sourcing the Rive Renderer.
Rive’s format and runtimes are open source — and always will be.
We’re working on a new renderer at
@rive_app
.
🏎️ It renders lots of vectors crazy fast
🔍 …with exceptional antialiasing.
🌐 It's entirely WebGL compatible (and of course iOS, Android, Mac, Windows, Linux, etc).
🐭 It’s tiny.
Last week I learned an iOS/Android app (category leader with hundreds of millions in revenue – not pictured here) is shipping pages created entirely with Rive.
Using Rive's State Machine to create a totally functional design component.
🚀 Ships directly to the Web, iOS, Android, Flutter, React Native, and more!
@rive_app
We're trying to get
@rive_app
on
@godotengine
as an extension, but we're currently blocked by this issue.
Want to see this happen? We'd love your help to get more visibility on it!
Any motion designers/animators looking for work?
We have several customers looking to hire
@rive_app
designers to build interactive animations for products, web, and games.
If you know how to animate, we can teach you how to Rive.
The Rive 2 closed beta is here! We've been hard at work on a new version of Rive that introduces team collaboration, new web and desktop editors, and numerous UX improvements. Sign up at and read our blog post at .
#MadeWithRive