Rive Blog
  • Blog
  • Get Rive
Subscribe

Workshop Recordings and Assets

The Creator Relations team hosts workshops to explore Rive features, concepts, and implementation strategies with the community. We will regularly update this article with the latest workshop videos and related assets. Intro to Interactivity Presented on June 30, 2022 Rive Workshop 1 Download the Slides here. Rive Workshop 1.pdf

  • Jill Casey
Jill Casey Jul 20, 2022 • 1 min read
A wild listener appears

A wild listener appears

A few weeks ago, we added listeners to the Rive state machine, making it easier than ever to create interactive motion graphics. Today we’ve added a new Listener type: pointer move, and a new Listener action: align target. These new features enable mouse tracking that works directly on the

  • Robert Haynie
Robert Haynie Jul 5, 2022 • 2 min read
Intro to Meshes

Intro to Meshes

IntroNot long ago, we introduced the ability to add raster images into the Rive editor. This feature on its own added an excellent utility for artists and designers who want complex artwork, with minimal hit to performance. Now, you can add meshes to those graphics to take them to the

  • Robert Haynie
Robert Haynie Jul 5, 2022 • 4 min read
New Feature Announcement: Mesh Deformation has landed!

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

  • Jill Casey
Jill Casey Jun 30, 2022 • 2 min read

Why we’re introducing a three-file limit

Since launching our public Beta, the Rive platform has matured with many features like the State Machine, Cloud Renderer, Nested Artboards, Raster support, Share Links, Listeners, and more. We’ve also added runtime support for the most requested platforms, and there are more to come. Our goal with Rive is

  • Jill Casey
Jill Casey Jun 28, 2022 • 1 min read
Introduction to Listeners

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

  • Robert Haynie
Robert Haynie Jun 20, 2022 • 4 min read
New Feature Released: Listeners!

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

  • Jill Casey
Jill Casey Jun 14, 2022 • 1 min read
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

  • Zach Plata
Zach Plata Jun 9, 2022 • 4 min read
Rive + Gatsby =  Rise of the Robots

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

  • Jill Casey
Jill Casey May 24, 2022 • 4 min read
Login screen featuring Ted

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.

  • Zach Plata
Zach Plata Mar 17, 2022 • 10 min read
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

  • JcToon
JcToon Mar 10, 2022 • 10 min read
Pull-to-refresh

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

  • Robert Haynie
Robert Haynie Mar 8, 2022 • 7 min read
Animated Avatars

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

  • Michael Myers
Michael Myers Mar 4, 2022 • 6 min read

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

  • Robert Haynie
Robert Haynie Feb 28, 2022 • 5 min read
Creating simple loaders

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

  • Robert Haynie
Robert Haynie Jan 28, 2022 • 5 min read
Rive's Flutter runtime
engineering

Rive's Flutter runtime

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

Maxwell Talbot, Matt Sullivan Oct 2, 2020 • 4 min read
Announcing the new Rive
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.

  • Guido Rosso
Guido Rosso Jul 29, 2020 • 1 min read
Rive Blog © 2022
Powered by Ghost