Rive & Vite Demo

Navbar Button Example

Source: Publish button by musaadanur (CC BY 4.0), changes: set background to transparent. Header by preline.co.

Call To Action

Source: Bird button by musaadanur (CC BY 4.0).

Loading Examples

See src/main.ts

Rive local (import from "src/"-folder)

import vehicleRive from "./assets/vehicles.riv";
loadRiveElement(vehicleRive, "canvas1", "bumpy");

Rive local (.riv-file in public/ folder)

loadRiveElement("/vehicles-public.riv", "canvas2", "bumpy");

Rive CDN

loadRiveElement("https://cdn.rive.app/animations/vehicles.riv", "canvas3", "bumpy");