Media & Interactive Block

Rive Animation

Upload and display .riv Rive animation files directly in the block editor.

Rive animations are lightweight, interactive vector animations that run natively in the browser. Use them for hero illustrations, animated icons, or interactive graphics. The block handles upload and rendering — no custom code required.

• Location: Block inserter → CORA → Rive Animation

How to use it

1. Add the block — Add Rive Animation to the page
2. Upload a .riv file — Upload your Rive file from the media library or your computer
3. Set height — Define the display height for the animation container
4. Select artboard — Choose which artboard from the .riv file to display
5. Set fit — Choose how the animation fits its container: Cover, Contain, Fill, etc.