> For the complete documentation index, see [llms.txt](https://samirandev.gitbook.io/codespace/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://samirandev.gitbook.io/codespace/swiper-slider/getting-started.md).

# Getting Started

### 🧩 HTML Structure

```html
<div class="swiper regular">
  <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>

  <!-- Pagination -->
  <div class="swiper-pagination"></div>

  <!-- Navigation -->
  <div class="swiper-button-prev"></div>
  <div class="swiper-button-next"></div>

  <!-- Scrollbar -->
  <div class="swiper-scrollbar"></div>
</div>
```

***

### 📦 Include Swiper CDN

```html
<!-- Swiper CSS -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.css"
/>

<!-- Swiper JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.js"></script>
```

***

### 🧠 Notes

* Copy only the sections you need — each block is independent.
* Keep the same `.regular` class in your HTML and JS.
* Uncomment lines to enable optional effects or controls.
* For minimal setup, only **Basic Settings + Pagination + Navigation** are required.