rive-app/rive-wasm ? reverse-engineered prompt

Reverse engineered prompt

Build me a simple web demo for Rive that shows how to load a .riv file and play it on a page.

I want a clean landing page with one or two interactive Rive animations, something like a hero graphic that responds to hover or click, and a second example that shows a state machine or simple animation switching. Make it easy to replace the artwork later, and keep the setup straightforward so I can open it in the browser and see it running right away.

Use the web runtime, make the canvas resize nicely, and include a basic loading state and fallback if the file does not load. If you need to check the latest docs online for the best way to wire it up, go ahead. Also make sure the page works well in modern browsers and feels polished enough to share as a demo.

Are you gonna build this?

make sure you review the code using coderabbit

Try freeSponsored — opens CodeRabbit in a new tab