Log inSubmit server
Rive MCP logo

Rive MCP

Create, inspect, edit, render, decompile, and preview Rive animations without the Rive editor.

InstallRepositoryWebsite
Full README Compare alternatives Embed widget Claim this listing

Install Rive MCP

Pick your client, then add it in one click or paste the config.

STDIONode.js
~/Library/Application Support/Claude/claude_desktop_config.json
claude_desktop_config.json
{
  "mcpServers": {
    "rive-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "rive-mcp-server"
      ]
    }
  }
}

Settings → Developer → Edit Config, merge this into mcpServers, then fully quit and reopen Claude Desktop.

Install not yet sandbox-tested— the server itself is confirmed live (we called its tools/list endpoint). The stdio install command is a separate, ongoing check.

Overview

rive-mcp MCP server gives AI clients tools for creating, editing, inspecting, rendering, and live-previewing Rive .riv files locally. It can build files from JSON scene specifications, import SVG and Lottie assets, decompile existing files, drive state machines, and generate integration code. Rendering uses the official Rive runtime inside headless Chromium, making it suitable for animation development, asset inspection, visual review, and CI exports without opening the Rive editor.

Use cases

  • Create Rive animations from JSON scene specifications
  • Inspect state machines and Data Binding structures
  • Import SVG, Iconify, or Lottie artwork into Rive
  • Render animation previews and CI asset exports
  • Review and revise motion with filmstrips and onion skins

Key features

  • Editor-free `.riv` creation and lossless editing
  • Official-runtime rendering to PNG, GIF, APNG, WebM, and sprites
  • State-machine playback, transition reports, and input control
  • SVG, Iconify, Lottie, and PNG character asset workflows
  • Animation linting, critique, optimization, and visual comparison
  • Local Studio with live preview and AI notes

Tools32

What Rive MCP lets your agent do. Expand a tool for its parameters.

Verified live~11.7k tokens of context

Security & health

What it can reach and how reliably it runs — from our own checks, not the maintainer’s claims.

ActiveLast checked 1d ago

Recent health check succeeded.

15/20 checks healthy over the last 91d

What it can do

From the 32 tools this server returned when we ran it.

Can delete or modify data · 3Handles credentials · 3Makes network requests · 3Read-only tools · 29
Network at startup3 connections
Files written at startupNone
Install scriptsNone
npm provenanceNot published
Package age90 days
Maintainers1

Observed 2026-10-15 in an isolated sandbox. A description of reach, not a security audit.

Supply-chain signal

No high-severity advisories surfaced by our automated scan.

Critical 0High 0Medium 0Low 0

Scanned 8d ago via OSV.dev · rive-mcp-server (npm)

Adoption & maintenance

Factual signals from GitHub, npm, and our automated checks — not a rating.

GitHub stars26Stargazers on the source repository.
npm downloads3kPackage downloads in the last 30 days.
Last commit10d agoMost recent push to the default branch.
Tools exposed32Callable tools this server registers over MCP.
Directory activity8 viewsConfig copies, upvotes, and views on AllMCPs.

How Rive MCP works

What rive-mcp MCP server does

Rive animation work can be performed directly against .riv files: create scenes from JSON, make lossless edits, inspect internal structure, render previews, and compare revisions. riv_create produces a validated animation file and preview without requiring the Rive editor. Scene specifications can include shapes, gradients, text, images, groups, mesh deformation, animations, state machines, events, audio assets, constraints, clipping, trim paths, and motion presets.

Existing files can be studied with riv_inspect, riv_dump, and riv_decompile. Decompilation turns supported artwork and animation tracks into an editable scene specification, while inspection also exposes state machines, animation metadata, and Data Binding structures such as ViewModels, resolved instances, enums, converters, and bind wiring.

How it works

The server runs locally and uses the official Rive runtime through @rive-app/canvas-advanced WASM in headless Chromium for rendering. Rendered output can be returned inline or written to disk, depending on the tool. State machines can be exercised step by step by setting or firing inputs, advancing time, observing transitions, and optionally capturing frames.

A typical creation workflow starts with riv_design_tokens, then imports artwork with riv_import_svg, riv_asset_search, or riv_lottie_import, and passes the resulting material to riv_create. riv_critique produces filmstrip and onion-skin images, motion measurements, lint results, and a seven-axis review checklist for an iterative render-and-revise process.

Tools and capabilities

  • Find, inspect, dump, lint, decompile, diff, optimize, and extract assets from .riv files.
  • Render frames, GIFs, APNGs, WebM videos, and sprite sheets, including batch jobs over files or globs.
  • Create and edit animations, state machines, text, keyframes, embedded assets, audio events, and character rigs.
  • Import SVG paths, Iconify icons, Lottie scene fragments, and PNG-based character parts.
  • Start a local Studio with hierarchy, canvas, inspector, timeline, hot reload, state-machine controls, and an AI notes channel.
  • Generate React, Vue, Svelte, plain JavaScript, or Flutter integration code using names found in the actual file.
  • Compare files visually or structurally, including labeled side-by-side animation comparisons.

Limitations and notes

Audio assets and events can be written into .riv files, but the server's Canvas2D-based previews do not play audio. Playback requires a GPU-backed Rive runtime such as WebGL or Skia.

SVG import does not cover text, images, filters, or masks. Lottie import reports unsupported text layers, masks, track mattes, repeaters, merge paths, expressions, time-remapped precomps, and some morphing features rather than silently including them. riv_asset_search requires network access to Iconify's API.

Batch rendering is request-driven and has no background watch mode. Studio permits only one running instance at a time. Community or marketplace files handled through decompilation are under CC BY 4.0 and require attribution.

Read the full README View source on GitHub

Reviews

No reviews yet — be the first to share how it worked for you.

Frequently Asked Questions about Rive MCP

rive-mcp is an MCP server that connects AI clients to local Rive `.riv` files and provides tools to create, edit, inspect, render, decompile, lint, and preview animations. It uses the official Rive runtime for rendering and can also drive state machines, import assets, generate integration code, and export animation previews.

Yes, rive-mcp creates `.riv` files from JSON scene specifications without the Rive editor. The `riv_create` tool serializes the scene, validates it with the official runtime, and returns a rendered preview.

Use `riv_inspect` to decode Data Binding information when it exists in a file. The result can include ViewModel definitions and properties, resolved ViewModel instance values, enums, converters, and the objects and properties targeted by bindings.

Yes, `riv_batch_render` accepts individual files or globs and exports PNG, GIF, APNG, WebM, or sprite-sheet outputs. Jobs run sequentially, each result reports success or failure, and one failed job does not stop the rest of the batch.

No, the server writes audio assets and events correctly but its own Canvas2D-based previews remain silent. Audio playback requires a GPU-backed Rive runtime such as a WebGL- or Skia-based production player.

Related MCP servers

All in Developer Tools All alternatives
Add a badge to your READMEShow it’s listed — live SVG, Markdown or HTML.

AllMCPs Directory Badge

Full Badge Customizer

Showcase your server listing on GitHub or your project documentation. Embed this dynamic SVG badge to highlight official listing status and live engagement.

Badge Style:
Live Dynamic SVG PreviewRive MCP AllMCPs Directory Badge
Markdown (GitHub README)
[![AllMCPs](https://allmcps.com/api/badge/rive-mcp?style=directory)](https://allmcps.com/mcp/rive-mcp)
HTML Embed
<a href="https://allmcps.com/mcp/rive-mcp"><img src="https://allmcps.com/api/badge/rive-mcp?style=directory" alt="Rive MCP on AllMCPs" /></a>