Here's the Rive source file and the code behind... it. The Rive file is available on the Rive Rive Marketplace, and I'll also share the code below. Apologies in advance for the messy file structure and naming conventions. At some point I stopped naming things properly and chose chaos instead.show more

"Spotify Wrapped" was built with Rive. LinkedIn's "Year End... Review" was built in Rive. The UI inside of every BMW is built with Rive. And now, Rive just launched Scripting! Want to try it out, and win $5k? Today we are launching the "Scripting with Rive" challenge on Contra. What are you going to build ?show more

The only tool we use for animation is Rive.... Our agency relies entirely on Rive for its features, and we believe it's the #1 solution for this type of animation. Rive animations are lightweight and high-performance too.show more

It's incredible what you can do with Rive +... Cursor in just a few hours. This nav I built in Rive is fully integrated into my Swift app and took a fraction of the time to build as it would doing it all in code. It's super performant and really lightweight.show more

The Games with Rive Challenge just dropped! 👾 Build... playable experiences with Rive, share a demo, and enter to win $5K in prizes. Show us what you’ve got 🔥show more

It's a wrap. Contra x Rive HMI Challenge is... ready and sent. You can find link the entire project in the comments. There is also a video walkthrough and some behind the scenes for anyone interesting in the setup/built.show more

Dis 3D Dis. I just can't stop playing with... Rive last features. 3D is now accessible for interactivity AND motion design. I'll share the workflow (easy) very soon.show more

First look at Rive support in Backdrop 🤩 I... optimised performance down to extremely low levels (4-5% CPU) and barely any energy impact! And that's with a fairly intense example of the new Feather effect. Gaussian blur could never. The Rive team did a great job 👏show more

Lottie is truly remarkable for website animations. We refactored... our homepage animations Dub.co from Rive → Lottie, resulting in 90% smaller file sizes. At our scale, this saved us $1K+/mo on Cloudfront 🤯 h/t Nattu for the pro-tip + Marcus Farrell for the refactorshow more

We recently had the pleasure of realising Jasper's new... Website experience. It's jazzy. Built Webflow with some Rive and GSAP magic and flair.show more

Recently released a massive update for Slash - redesign,... rebranding, and development of the new website. - Next.js - Sanity - TailwindCSS - Riveshow more

This is wild. Rive just released a new Layout... feature It lets us easily change the aspect ratio of our designs and automatically resizes all the elements for us!show more

I've gotten some feedback and also added a few... things in (Then my dumbass overwritten the fbx file with a blank blend file and had to do the changes all over again 💔)show more

Create file upload dropzone using HTML, CSS and JavaScript... 🚀 Code in the comments 👨‍💻show more

Happy to announce two cool updates to Endel on... the web: 1) All the iOS/Android Scenarios are now available on the web, too 2) Visualizers now look and work better, courtesy of Rive Check it out and let us know what you think!show more

LinkedIn wrapped is here! And it's made with Rive... Stoked to be invited by BUCK to join the project. I wasn’t actually animating the thing though I had more of a technical assignment and we had quite a few things to solve. There is 9 chapters total (but not everyone sees all the chapters or even all the slides in given chapter) in 3 languages, the data being sent to Rive is raw so we had to cover for many variables: - A progress bar aware what chapters are included for given user - A progress bar checking what slides are included for and logging their duration time to progress bar - A custom slider solution (the default Rive slider is not enough if you turn contents on and off) - A State Machine logic aware of chapters or slides skipped from playback - A custom slider behavior for when there is auto-slide (instant) and tap-slide (slide animation) - A custom text-length tracker for to dynamically change font-size for long strings - A custom screen ratio tracker to scale down the UI for small screens - Handling dynamically handle big numbers (10,000 becomes 10k etc.) - Handling translations (3 languages) - Super complex behaviour for when if some data-point is missing we don’t leave a blank space, but it is being replaced with other data point instead (so some user se A-B-C, but some will see only B-C as if A never existed without leaving blank space) - Rage click prevention Amazing experience, thanks for having me. People at BUCK are absolutely goated, kudos to everyone who was helping me and to everyone who was actually doing the animations, stunning. Is it the biggest Rive exposure yet? Maybe Riveshow more

Recreate iOS Messages in one step using a Rive... layout that fills the space. Simulate a real conversation with 10 messages and placeholders for icons. Include the header and input field. Use the correct color schemeshow more

I’ve completed 1/3 of the UI/UX design for the... Chog Portal, and it has been a pleasure working with . His productivity is truly remarkable. This design phase was done in Figma, and several upcoming features will be implemented using the Rive. I’ll share more once they are released.show more

Your PM and Developer roll their eyes when they... see interfaces like that. No more because now you can make it without code. By yourself. In Rive Developers can finally focus on development, not recreating your design again. You finished it, and it’s ready for testing and deployment on real products. Here is my Shutter speed interface for the camera.show more