Angular scroll animations.
Plain classes, no NgModule.

import { Component, ElementRef, ViewChild,
         AfterViewInit, OnDestroy } from '@angular/core';
import { ScrollDrawRef } from 'svg-scroll-draw/angular';

@Component({
  standalone: true,
  selector: 'app-hero',
  template: `
    <div #container>
      <svg viewBox="0 0 200 100">
        <path d="M10 50 Q 100 10 190 50" stroke="#111" fill="none" />
      </svg>
    </div>
  `,
})
export class HeroComponent implements AfterViewInit, OnDestroy {
  @ViewChild('container') containerRef!: ElementRef<HTMLElement>;
  private draw = new ScrollDrawRef();

  ngAfterViewInit() {
    this.draw.init(this.containerRef.nativeElement, {
      easing: 'ease-out',
      speed: 1.2,
      fade: true,
    });
  }

  ngOnDestroy() {
    this.draw.destroy();
  }
}

import { ScrollCounterRef, ScrollTextRef } from 'svg-scroll-draw/angular';

export class StatsComponent implements AfterViewInit, OnDestroy {
  @ViewChild('revenue') revenueRef!: ElementRef<HTMLElement>;
  @ViewChild('headline') headlineRef!: ElementRef<HTMLElement>;

  private counter = new ScrollCounterRef();
  private text    = new ScrollTextRef();

  ngAfterViewInit() {
    this.counter.init(this.revenueRef.nativeElement, { to: 48000 });
    this.text.init(this.headlineRef.nativeElement, {
      split: 'words', stagger: 0.05,
    });
  }

  ngOnDestroy() {
    this.counter.destroy();
    this.text.destroy();
  }
}