Animate logos, icons and simple shapes

For geometric work, your assistant draws the shapes itself and animates them: loaders, logo reveals, icon motion, text effects, falling and bouncing things. For characters or anything painted, start from real art instead: shapes an AI draws look like programmer art.

You bring
A description, and optionally an SVG logo or icon.
You get
A .riv for apps and websites, or a .rev that opens in the Rive editor.
Needs
Nothing beyond the install.

Ask your assistant

  • Animate logo.svg: fade it in, then pop it with a little bounce. Save it as logo.riv.
  • Make a loading spinner of three dots bouncing in turn, in #6C5CE7, on a 400×400 canvas.
  • Draw a heart that beats twice a second and glows softly.
  • Make the word "Launch" wave letter by letter.
  • Rain falling over a dark sky with mountains, with a bit of wind.

How it works

Draw

Animate

Physics

bake_motion drops, bounces and blows a shape with gravity, ground and wind. bake_shake shakes the camera, emit_particles makes rain, dust or sparks, and spawn_prefab places ready-made skies, mountains, ground and rocks. compose_scene builds a whole scene from one description. The physics is worked out when the file is made and stored as ordinary keyframes, so it plays the same in every Rive runtime.

Look and save

Your assistant renders a frame with render_riv or the motion with preview_riv_gif, then writes the file with export_riv.

Good to know

  • Name the things you care about ("the circle called Ball"), so later requests can refer to them.
  • Give timing in seconds. Keyframes are counted in frames at the animation's frame rate, and your assistant does the conversion.
  • A .riv plays in every Rive runtime (web, iOS, Android, Flutter and the others) but can't be opened in the Rive editor. Ask for a .rev when you want to keep editing it there.
  • Buttons and toggles come ready-made with their interactions: see Buttons and interactive files.

Related