Skip to content

v0.1.0 — Angular wrapper for Rive animations

Choose a tag to compare

View all tags
@andrei-shpileuski andrei-shpileuski released this 12 Feb 21:48
· 19 commits to main since this release
v0.1.0
374e8e4

@grandgular/rive-angular v0.1.0

Initial release of a modern Angular wrapper for Rive animations with reactive state management.

Highlights

  • 🚀 Modern Angular — Built with Angular 18+ signals, standalone components, and zoneless architecture
  • ⚡ Performance-first — Runs outside Angular zone, OnPush change detection, IntersectionObserver for off-screen optimization
  • 🔄 Reactive API — Signal-based state management (isPlaying, isPaused, isLoaded, riveInstance)
  • 📦 File caching — RiveFileService for preloading and caching .riv files
  • 🌐 SSR-ready — Full server-side rendering support
  • 🎯 Type-safe — Full TypeScript support

What's included

  • RiveCanvasComponent — Standalone component with support for animations, state machines, triggers, and inputs
  • RiveFileService — Preload and cache .riv files with reference counting
  • Public methods — playAnimation, pauseAnimation, stopAnimation, reset, setInput, fireTrigger
  • Event outputs — loaded, loadError, stateChange, riveEvent, riveReady

Requirements

  • Angular 18.0.0 or higher
  • @rive-app/canvas 2.35.0 or higher

Install

```bash
npm install @grandgular/rive-angular @rive-app/canvas
```

Documentation

See README for full API reference and usage examples.

Assets 3
Loading