All tools

RIV file viewer

Play a .riv file on your device with Rive's own runtime: its artboards, animations and state machines, with inputs you can set and a pointer that works. Free, with no account or uploads.

It plays with Rive's own runtime, on your device. Choose an artboard, an animation or a state machine; a state machine's inputs become controls.

Drop a .riv file to play it

It plays as it is, drawn by Rive's own runtime on your device.

  • RIV

Stays on your device. Nothing is uploaded.

How it works and help

A little help along the way

Follow these steps. Every option is explained underneath. Everything happens in your browser; nothing you draw or bring in is sent anywhere.

  1. Say what you want to makeChoose a moving logo or icon, a loading animation or an animated icon to open a small animation that already moves, ready to change. Open a file takes an SVG, a picture or a project you saved before; you can also drop an SVG on the page.
  2. DrawDraw rectangles, ellipses, polygons, stars and triangles, paths with the pen, and strokes with the pencil and brush. Fill closed areas with the bucket, join or cut shapes with the Shape Builder, and write words in the site's fonts.
  3. Animate with keysA key says what a part is like at one moment: its position, turn, size, opacity or colours. Set a key at one time and another later, and every frame between them is worked out for you.
  4. Choose the easingEach key says how the movement goes on to the next: Steady, Jump, Smooth, Speed up, Slow down, Speed up, slow down, Overshoot or Spring, or a curve of your own in the graph editor.
  5. Play itPlay the timeline to watch it. It can loop, play once or play there and back, and a work area plays only the part you are working on.
  6. Export itSay where it will go: social media or a video makes an MP4, a chat or an email a GIF, a website or an app an animated WebP with a clear background, and a still picture a PNG or SVG of one frame. Each file is checked before it is offered.

Questions people ask

What is a .riv file?
The runtime file made for Rive's players, in apps, games and websites. It holds artboards, timelines and state machines, which make the animation react to a pointer or to inputs set by the app. The viewer plays it with Rive's own runtime (MIT), served by KeepSimp itself, on your device.
How do I make a state machine react in the viewer?
Choose the state machine. Its inputs become controls: a switch for each on or off input, a number for each number, and a button for each trigger. The pointer on the animation goes to it too, so its buttons and hovers work.
Why does it say a picture or a font is missing?
A .riv can keep pictures and fonts outside itself, on Rive's servers. The viewer never fetches them, so it names what is missing and plays the rest. An event that asks to open an address is listed with a button; it is never opened by itself.

This page is the Animation maker, opened for this one job; every other tool it has is one press away. Each of its settings is explained on the Animation maker's own page.

Read the step-by-step guide

Guides

Same tool, other jobs

Tools nearby