Swiper

npm install swiper

Component

import { Component } from '@angular/core';
import { register } from 'swiper/element/bundle';

@Component({
  selector: 'app-swiper-example',
  templateUrl: './swiper-example.component.html',
  styleUrls: ['./swiper-example.component.scss'],
})
export class SwiperExampleComponent {
  constructor() {
    register();
  }
}

App.module.ts

schemas: [CUSTOM_ELEMENTS_SCHEMA],

HTML

<swiper-container>
  <swiper-slide>Slide 1</swiper-slide>
  <swiper-slide>Slide 2</swiper-slide>
  <swiper-slide>Slide 3</swiper-slide>
</swiper-container>