Rive Blog

New Feature Announcement: Mesh Deformation has landed!

It's getting kinda mesh-y around here. Bring your characters, props, buttons, and images to life with mesh deformations. Make skin flex, fabric ripple, hair flow, and more. How to use Meshes Import an image and add it to an artboard2. Add a mesh to the image 3. Place vertices where

Introduction to Listeners

If you've played with the State Machine, you already know it's an excellent tool for building interactive content. Designers and animators can use combinations of Inputs and Transitions to link animations together but still need an engineer to enable the interaction in the project. With the release of Listeners, we've

New Feature Released: Listeners!

Did you hear that? A new State Machine feature just dropped... You can now make Rive files react to clicks, taps, and hovers with Listeners! That means you can create even richer interactivity directly in the Rive Editor without writing any code. Of course, you can still control everything with

Code snippet of using Rive with ARIA live region

Accessible Web Animations: ARIA Live Regions

Welcome to our series of accessible web animations! We'll talk about various topics around accessibility (a11y), how it applies to animations, and how you can set up Rive animations for a better user experience for all types of users. If you're building web applications, whether your role is a developer

Rive + Gatsby = Rise of the Robots

An idea was born 🤖 When Paul Scanlon reached out with a proposal for a shared demo, he brought a vision that excited everyone here at Rive: create an inspirational, accessible site with a nod to the creativity of the Flash days. Paul shared his goals in an Art Direction document

Animated Login Screen Implementation

A login/signup experience is a great place to bring engaging interactivity into your web apps today. Authentication isn’t normally a fun task for users, so why not make it more playful! Read on to see how you can get your own login forms to stand out among others.

Tutorial

Animated Login Screen Design

An animated login screen is a fun way to personalize and enhance the user experience of an application or website. With Rive you can design characters and create fun animations, which makes something as simple as a login screen a unique experience. In this post, we will look at the

Pull-to-refresh

Loading animations are a common way to show users that an asset or page is actively loading. These animations work great for pages and individual assets, but what about refreshing lists? The pull-to-refresh gesture is perfect for this scenario and is one of the most popular mobile application gestures. Content

Animated Avatars

Illustrated avatars have become a great way to customize and add some fun to the user experience within an app or website and establish a unique online presence. With Rive, you can give those avatars life by adding animation and interactivity. Feel free to download and play around with the

Interactive Loader

Loading animations are a great way to add visual interest to an otherwise dull situation. In a previous post, we talked about how to generate idle loading animations quickly, but we didn't go into making these animations interactive. In this post, we'll look at a basic setup that will work

Creating simple loaders

Hey everyone! We've decided to begin writing blog posts accompanying our Rive unplugged videos to provide you with multiple ways to absorb the content. If you haven't seen the video, check it out here. If you are interested at taking a look at the file on the community, you can

engineering

Rive's Flutter runtime

Learn how Rive's Flutter runtime works and how to load, play, and mix Rive animations in Flutter.

Product

Announcing the new Rive

The new Rive is here! We've been hard at work on a new version of Rive that introduces team collaboration and numerous UX improvements.