Skip to content

rive-app/rive-wasm

Folders and files

NameName
Last commit message
Last commit date

Latest commit

4119aee Β· Dec 21, 2024
Oct 1, 2024
Apr 28, 2022
Dec 17, 2024
Dec 21, 2024
Jun 15, 2024
May 8, 2024
Aug 31, 2024
Dec 21, 2024
Dec 17, 2024
Oct 30, 2024
Feb 5, 2021
Sep 4, 2024
Apr 28, 2022

Repository files navigation

Build Status Discord badge Twitter handle

Rive Web

Rive hero image

A JavaScript/TypeScript and Web Assembly (WASM) runtime library for Rive.

This library allows full control over Rive files with a high-level API for hooking up many simple interactions and animations, as well as a low-level API that allows you to drive your own render loop to create multiple artboards, animations, and state machines all in one canvas.

Table of contents

Rive overview

Rive is a real-time interactive design and animation tool that helps teams create and run interactive animations anywhere. Designers and developers use our collaborative editor to create motion graphics that respond to different states and user inputs. Our lightweight open-source runtime libraries allow them to load their animations into apps, games, and websites.

🏑 Homepage

πŸ“˜ Rive docs

Getting started

Follow along with the link below for a quick start in getting Rive JS integrated into your web applications.

For more information, see the Runtime sections of the Rive help documentation:

Supported browsers

Rive can be used in all major browsers. We're constantly working to improve performance with our renderer so that animations playback smoothly for all.

Examples

Check out some of the examples/ projects in this codebase, as well as some of the CodeSandboxes below to see examples of using rive-wasm:

High-level API usage

Low-level API usage

Awesome Rive

For even more examples and resources on using Rive at runtime or in other tools, checkout the awesome-rive repo.

Migration guides

Using rive-js or an older version of the runtime and need to learn how to upgrade to the latest version? Check out the migration guides below in our help center that help guide you through major version bumps; breaking changes and all!

Migration guides

Contributing

We love contributions! Check out our contributing docs to get more details into how to run this project, the examples, and more all locally.

Issues

Have an issue with using the runtime, or want to suggest a feature/API to help make your development life better? Log an issue in our issues tab! You can also browse older issues and discussion threads there to see solutions that may have worked for common problems.