Rive Framer Player

Embed Rive animations with scripting support

Step 1: Host your Rive file

Upload your .riv file to GitHub, a CDN, or any public URL

Step 2: Add the src parameter

Add ?src= followed by your Rive file URL:

player.html?src=https://your-url.com/animation.riv

Step 3: Customize (optional)

Add more parameters to control the display:

fit contain, cover, fill, fitWidth, fitHeight

align center, topLeft, topRight, bottomLeft...

sm State machine name (default: "State Machine 1")

artboard Artboard name (default: first artboard)

Full Example

player.html?src=https://example.com/file.riv&fit=cover&sm=State Machine 1