MotionPlayer for Rive
MotionPlayer for Rive adds a MotionPlayer: Rive block so you can upload or select .riv files from the Media Library and play them on the front end. Free version (this plugin) Gutenberg block with media picker for .riv files Canvas width and height in the block sidebar Optional accessible name for th
About this tool.
MotionPlayer for Rive adds a MotionPlayer: Rive block so you can upload or select .riv files from the Media Library and play them on the front end.
Free version (this plugin)
- Gutenberg block with media picker for .riv files
- Canvas width and height in the block sidebar
- Optional accessible name for the canvas
- Live preview in the editor (WebGL2)
- Front-end playback using the bundled @rive-app/webgl2 runtime (Rive Renderer), so shadows, gradients, and blend modes match how files are authored
MotionPlayer Pro (coming later)
A future Pro add-on will extend the player with additional controls and features. This repository release is the free base plugin only.
Privacy
This plugin:
- Registers the .riv MIME type and stores attachment IDs in block attributes like other media blocks.
- Loads the bundled Rive WebGL2 JavaScript runtime from your own site when the block is used (editor and front end).
- Does not collect analytics or call home.
Screenshots & previews.
Getting started.
- 01Upload the plugin folder to /wp-content/plugins/ , or install the ZIP from the Plugins screen in WordPress.
- 02Activate MotionPlayer for Rive through the Plugins menu.
- 03Edit a post or page, insert MotionPlayer: Rive , and choose a .riv file.
Frequently asked questions.
Does this work only in the block editor?
Yes. The block is registered for the block editor.