scroll-snap-slider/dist/scroll-snap-slider.css

Mostly CSS slider with great performance.

.scroll-snap-slider {
  display: flex;
  flex-wrap: nowrap;
  justify-content: normal;
  overflow-x: auto;
  padding-inline: 0;
  scroll-behavior: smooth;
  scroll-snap-stop: always;
  scroll-snap-type: x mandatory;
}

@media (prefers-reduced-motion) {
  .scroll-snap-slider {
    scroll-behavior: auto;
  }
}

.scroll-snap-slider:not(.-show-scroll-bar) {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.scroll-snap-slider:not(.-show-scroll-bar)::-webkit-scrollbar {
  display: none;
}

.scroll-snap-slide {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  max-width: none;
  scroll-snap-align: start;
  width: 100%;
}