Title: MotionPlayer for Rive
Author: Scripts + Pixels Studio
Published: <strong>2 juli 2026</strong>
Last modified: 4 juli 2026

---

Sök tillägg

![](https://ps.w.org/motionplayer-for-rive/assets/banner-772x250.png?rev=3593357)

![](https://ps.w.org/motionplayer-for-rive/assets/icon-256x256.png?rev=3593354)

# MotionPlayer for Rive

 Av [Scripts + Pixels Studio](https://profiles.wordpress.org/darinnj/)

[Ladda ner](https://downloads.wordpress.org/plugin/motionplayer-for-rive.0.1.5.zip)

 * [Detaljer](https://sv.wordpress.org/plugins/motionplayer-for-rive/#description)
 * [Recensioner](https://sv.wordpress.org/plugins/motionplayer-for-rive/#reviews)
 *  [Installation](https://sv.wordpress.org/plugins/motionplayer-for-rive/#installation)
 * [Utveckling](https://sv.wordpress.org/plugins/motionplayer-for-rive/#developers)

 [Support](https://wordpress.org/support/plugin/motionplayer-for-rive/)

## Beskrivning

**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.

## Skärmdumpar

[⌊MotionPlayer: Rive block in the editor with media controls⌉⌊MotionPlayer: Rive
block in the editor with media controls⌉[

MotionPlayer: Rive block in the editor with media controls

[⌊Animation playing on the front end⌉⌊Animation playing on the front end⌉[

Animation playing on the front end

## Block

Detta tillägg tillhandahåller 1 block.

 *   MotionPlayer: Rive Play a Rive (.riv) animation from your media library.

## Installation

 1. Upload the plugin folder to `/wp-content/plugins/`, or install the ZIP from the
    Plugins screen in WordPress.
 2. Activate **MotionPlayer for Rive** through the **Plugins** menu.
 3. Edit a post or page, insert **MotionPlayer: Rive**, and choose a `.riv` file.

## Vanliga frågor

### Does this work only in the block editor?

Yes. The block is registered for the block editor.

### Where does the Rive runtime load from?

The plugin ships the official **@rive-app/webgl2** runtime (`rive.js`) and its WebAssembly
payload (`rive-wasm.js`) inside the plugin. No remote JavaScript or CDN is required
for playback.

### Why WebGL2?

The WebGL2 (Rive Renderer) path supports advanced visuals—drop shadows, gradients,
blend modes, vector feathering—that the older canvas-only runtime does not render
the same way.

### Will this work without JavaScript or WebGL2?

No. Playback requires JavaScript and a browser with WebGL2 support.

## Recensioner

Detta tillägg har inga recensioner.

## Bidragsgivare och utvecklare

”MotionPlayer for Rive” är programvara med öppen källkod. Följande personer har 
bidragit till detta tillägg.

Bidragande personer

 *   [ Scripts + Pixels Studio ](https://profiles.wordpress.org/darinnj/)

[Översätt ”MotionPlayer for Rive” till ditt språk.](https://translate.wordpress.org/projects/wp-plugins/motionplayer-for-rive)

### Intresserad av programutveckling?

[Läs programkoden](https://plugins.trac.wordpress.org/browser/motionplayer-for-rive/),
kika på [SVN-filförvaret](https://plugins.svn.wordpress.org/motionplayer-for-rive/)
eller prenumerera på [utvecklarloggen](https://plugins.trac.wordpress.org/log/motionplayer-for-rive/)
via [RSS](https://plugins.trac.wordpress.org/log/motionplayer-for-rive/?limit=100&mode=stop_on_copy&format=rss).

## Ändringslogg

#### 0.1.5

 * Add second plugin screenshot for the WordPress.org directory listing.

#### 0.1.4

 * Add plugin screenshot for the WordPress.org directory listing.

#### 0.1.3

 * Shorten readme short description for the WordPress.org plugin directory (150 
   character limit).

#### 0.1.2

 * Embed the Rive WebAssembly binary in `rive-wasm.js` (WordPress.org does not permit`.
   wasm` files in plugin zips).

#### 0.1.1

 * Bundle the @rive-app/webgl2 runtime and WASM locally instead of loading from 
   a CDN.

#### 0.1.0

 * Initial release: `.riv` block, media upload, WebGL2 runtime, editor preview, 
   canvas size and accessible name.

## Meta

 *  Version **0.1.5**
 *  Senast uppdaterat **3 dagar sedan**
 *  Aktiva installationer **Färre än 10**
 *  WordPress-version ** 6.0 eller senare **
 *  Testat upp till **7.0**
 *  PHP-version ** 7.4 eller senare **
 *  Språk
 * [English (US)](https://wordpress.org/plugins/motionplayer-for-rive/)
 * Etiketter
 * [animation](https://sv.wordpress.org/plugins/tags/animation/)[block](https://sv.wordpress.org/plugins/tags/block/)
   [gutenberg](https://sv.wordpress.org/plugins/tags/gutenberg/)[media](https://sv.wordpress.org/plugins/tags/media/)
 *  [Avancerad vy](https://sv.wordpress.org/plugins/motionplayer-for-rive/advanced/)

## Betyg

Än så länge har inga recensioner skickats in.

[Your review](https://wordpress.org/support/plugin/motionplayer-for-rive/reviews/#new-post)

[Se alla recensioner](https://wordpress.org/support/plugin/motionplayer-for-rive/reviews/)

## Bidragande personer

 *   [ Scripts + Pixels Studio ](https://profiles.wordpress.org/darinnj/)

## Support

Har du något att säga? Behöver du hjälp?

 [Visa supportforum](https://wordpress.org/support/plugin/motionplayer-for-rive/)