Swiper.jsを使っておしゃれにカルーセル導入はいかが？ - Qiita

はじめに フロントのデザインでよく横に画像がスライドするデザイン(カルーセルやスライダーといわれるアレです。)があります。 今回はそのカルーセルを簡単に取り入れられるJavascriptのライブラリSwiper.jsについてと実際に試してみたという内容になります。 Swiper.js Swiper.jsというのは、カルーセルが作れるJavaScriptライブラリになります。 ちなみにカルーセルというのは、こんなやつですね。 Swiper.jsでは、それぞれのライブラリ、フレームワークごとに導入方法が公式で用意されているので使いやすさという点も非常に良い印象を持っています。 React Svelte Vue Angular また、カルーセル自体のデザインも色々用意されており単純なものやちょっとこだわったデザインもあったりします。 実際に試してみた 今回はreactのアプリにSwiper.js