Angular
Community-driven Angular runtime for Rive
This guide documents how to get started using the community-built Angular runtime library. The source is available in its GitHub repository.
This library contains modules to help integrate Rive into your Angular web application.
Follow the steps below for a quick start on integrating Rive into your Angular app.
npm install ng-rive
import { RiveModule } from 'ng-rive';
@NgModule({
declarations: [AnimationComponent],
imports: [
CommonModule,
RiveModule,
],
})
export class AnimationModule { }
|-- assets
| |--rive
| |-- vehicles.riv
animation-component.html
<canvas riv="vehicles" width="500" height="500">
<riv-animation name="idle" play></riv-animation>
</canvas>
Github: https://github.com/dappsnation/ng-rive
API Docs: https://github.com/dappsnation/ng-rive#api
Last modified 1mo ago