minimalAstroSwiper Tailwind Templates

Minimalastroswiper

Minimal Swiper implementation on Astro+Tailwind deploy

Bash Description Notes
[npm create astro@latest] [Astro installation]
[npx astro add tailwind] [Tailwind integration]
[npm i swiper ] [Swiper integration]
---
import 'swiper/css';
---

<div class="swiper">
    <div class="swiper-wrapper">
        <div class="swiper-slide">Slide 1</div>
        <div class="swiper-slide">Slide 2</div>
        <div class="swiper-slide">Slide 3</div>
    </div>
</div>

<script>
    import Swiper from 'swiper';
    const swiper = new Swiper('.swiper', {});
</script>

Top categories

Loading Svelte Themes