Slider

Swiper Navigation with Bullets

A swiper navigation bullets component

Overview

The Swiper Navigation Bullets component displays bullet indicators for slider position and lets users jump to a specific slide. It fits sliders and carousels for hero, product, and content sections.

Key Business & UX Benefits

  • Shows slide position and count so users know how much content is available.
  • Clickable bullets let users jump to a slide without swiping.
  • Compact display fits above or below the slider.
  • Theme-aligned styling for light and dark backgrounds.
Pro-Tip from Larry: Use Swiper Navigation Bullets so users see slide count and can jump to a slide.

Usage

LuiSwiperNavigationBullets

Feature List

  • Bullet indicators for slide position and count
  • Clickable bullets for direct slide navigation
  • Configurable position (top or bottom)
  • Theme-aligned styling for light and dark modes

API Reference

No component metadata found for SwiperNavigationBullets. Did you mean LuiSwiperNavigationBullets?
Copyright © 2026 Laioutr GmbH