<aside> 👉

New page home here → https://tools.motiondesign.school/scripts/riv-player

</aside>

Riv Player brings Rive animations straight into your After Effects panel for real-time previews and interactive control.

You can load animations either from a web URL or a local file on your computer.

Animation by Maksym Marakhovskyi

Installation

Riv Player

<aside> 👉

rivPlayer_v_1.1.0.zip

rivPlayer_v_1.0.2.zip

</aside>

<aside> ☝

Extension should work starting with 2021 versions of After Effects, but rive animations will work better with the most current versions(2025)

</aside>

Install using the ZXP Installer.

Drag the rivePlayer*_{version}.zxp* file into ZXP Installer. If drag-and-drop doesn't work, select the file through the menu: File → Open

Settings

Clicking the settings icon ⚙️ will open the Riv Player Settings dialog.

This dialog allows you to configure the source and behavior of the Rive animation. It has two main tabs: Animation Settings, Rive Settings, Collection and About.

This is where you specify the animation to display:

1. Rive Animation URL:
   • Enter the full web URL of your Rive animation (usually ending in .riv).
   • Click the Fetch button next to the input field to load the animation from the URL.
   • If the URL is invalid or cannot be reached, you will see an error notification.
   • You can clear the URL field using the small 'X' button that appears when text is entered.

1. Or select a local file:
   • Click the Select Rive File (.riv) button.
   • This will open your system's file browser.
   • Navigate to and select the desired .riv file on your computer.
   • Once selected, the widget will load the animation from this local file.
   • You can also drag and drop a .riv file directly onto the panel with animation.
2. State Machine Name (optional):
   • Select the specific name of the State Machine within your Rive file that you want to control.
   • By default, the widget will attempt to use the default state machine, typically named.
   • The dropdown menu will automatically show all available state machines from your Rive file.
3. Artboard Name (optional):
   • Select the specific artboard from your Rive file that you want to display.
   • By default the widget will use the default (first) artboard.
   • The dropdown menu will automatically show all available artboards from your Rive file.
4. Clear Button:
   • If a source (URL or file) is currently selected, a Clear button (with a trash icon) will appear next to the current source display.
   • Clicking this button will remove the current animation source and reset the widget to its default state (showing the "No Rive animation selected" text).

By default the Canvas is main renderer engine.

WebGL supports advanced features like feathering and can offer better performance for complex animations, but may be more resource-intensive

Collection is a packs of Rive animations.

You can create new packs and add currently previewed animation into them to save for later.

CleanShot 2025-06-19 at 04.10.30.mp4

Versions:

1.1.0 - Soon

• ⭐️ New Collections https://share.cleanshot.com/2rbgKv5j
• ⭐️ New WebGL engine. It can properly display animations with vector feathering and other new features that the default engine doesn't support