Rive
p/rive
The new standard for interactive graphics
Chris Messina

Rive β€” Create and ship interactive animations to any platform

Featured
39
β€’
Use our collaborative editor to create motion graphics that respond to different states and user inputs. Then load your animations into apps, games, and websites with our open-source runtimes.
Replies
Best
Daryll Wong
Have played around with Rive for Flutter app development and found this to be absolutely awesome. Great to see that Rive has become even greater.
Guido Rosso
@daryllman Thanks Daryll!! Even more to come later this year πŸ™Œ
Kadir Inip
The design of the landing page (actually design of the whole product) is legendary. I can't wait to use it. Congratulations all. Good luck.
Guido Rosso
@kdrnp Thanks Kadir, our design team had such a blast building the home page! We hope to see a much more animated web in the future :)
Guido Rosso
Hey Product Hunt, I'm Guido and I co-founded Rive with @luigi82. Thanks to @chrismessina for hunting us! πŸ™Œ Rive is a design tool that enables you to create and ship beautiful, interactive animations to any platform! It's a bit different from other animation tools because it's built for realtime and interactivity first. There are two core parts to the product: the editor and the runtimes. Use the editor to build and animate your graphics. Then use our runtimes to load your animations on websites, apps, and games. The runtimes are open-source and optimized for each platform to guarantee that your file will look and behave as it does in the editor. We currently support web, iOS, Android, Flutter, and C++. Game engine support is coming later this year. We just launched our open beta and we have a lot more features on the way, like our visual State Machine, Cloud Renderer, and Community! We'd love to hear from you on our feedback site, where you can make suggestions and see our public roadmap: https://feedback.rive.app
ΠšΠΎΠ²Π°Π»ΡŒΡ‡ΡƒΠΊ Π’Π»Π°Π΄ΠΈΠΌΠΈΡ€
Looks very good! How I can past this animation on my Web Site? What about speed of loading page and how much is it?
Guido Rosso
@kovalchuk_vladimir File sizes are really small, in most cases smaller than a static image! Check out this tweet thread that demonstrates the size of the web runtime + the animations that we use on our homepage at rive.app. https://twitter.com/rive_app/sta... The easiest way to learn how to use our web runtime is to drag and drop your .riv file (which you can export from the editor) into our preview tool here: https://rive.app/preview/
Christian Heine
I feel almost bad of not upvoting this earlier. You guys would have been my pick for product of the day. Rive is simply awesome - especially your excellent integration with Flutter. Also really like the idea to make it free for open source designs. Thanks for making this!
Manyong'oments
Simply one of the best animation tools out there. I've been using this app since the early Flare and Nima days.
☁ David Ulevitch ☁
The web lost so much when Flash was (rightfully) deprecated from The Internet. :-) Excited to see Rive bring back what we lost in a much stronger way!
Victor Westmann
This is truly revolutionary product. It just works! Free to test with ALL features for UNLIMITED amount of time. It is just a matter of time for Rive to become better and better and dent more and more of the animation market regarding the web and apps. GO RIVE GO!!!
Guido Rosso
@victor_westmann You rock, Victor! Thanks for the awesome support! πŸ™Œ
Clay Elliot
The Rive team has made something really special here. These tiny files resulting in beautiful animations.
Guido Rosso
@clay Thanks Clay! πŸ™Œ
Chris O'Donnell
I'm using this in a Flutter app now, it was quick and easy to get running. After you've made the animations in Rive, in under half an hour you can have it set up and running in Flutter. After its set up, you can import new animations in seconds. I was surprised! @luigi82 @guidorosso
Guido Rosso
@luigi82 @chris_o_donnell Glad to hear it was easy to setup, Chris! We have plans to make the export process better so it's even easier for new users to learn!
PaweΕ‚ Jarosz
Very intuitive UI! I made some animations without looking into any tutorial in few minutes and it was my first experience with animating vector graphics!
Guido Rosso
@pawel_jarosz Thanks PaweΕ‚! πŸ’ͺ
Robert Felker
I was able to setup a rich animation very quickly. A wind turbine moving live to the speed from a webservice. Just imported my svg design and I was able to override the rotation speed. You can not miss the 'Whouaaa Effect' during presentation.
Guido Rosso
@sol_ido Thanks Robert, you rock! 🀘
Nico Schork
Awesome product & company! We use Rive since the earliest days for our education platform build in Flutter. Rive allows us to help hundreds-of-thousands of students in Germany every month to understand complex topics with interactive animations. Can't wait to use state-machine soon πŸ™ŒπŸ»
Guido Rosso
@nicoschork Thanks Nico, the Simpleclub team has helped (and continues to help) us immensely with making Rive what it is today! πŸ™Œ
Ivanna Wendel
Wow! This is really cool! Congrats on the launch!
Guido Rosso
@ivanna_wendel Thanks, Ivanna! Congrats on yours too! πŸŽ‰
James Quinn
Gonna check this out! Looks like a great tool
Guido Rosso
@james_afino Thanks, James!
Rohan Kadkol
Thank you for your and your team's effort in building Rive! Rive is one of the easiest ways to make our Flutter apps better in hardly any time!
Thomas Lo
Amazing! Cannot wait to try this. Congrats
Guido Rosso
@thomas_lo1 Thanks so much, Thomas!
Davood K
Rive is like a dream that come true, i made many creative things and used them on my apps. Really like them. Big like.
Hello JavaScript
Rive is an awesome product to create animations. Outstanding application anyone interested in renewing the web. Reminds me of Flash but lighter and much more agile.
Maxime Mazzone
Really awesome for every Flutter dev, thanks Rive team!
Guido Rosso
@maxmzzn Thank you, Maxime! πŸŽ‰