Как реализовать Carousel/Slider?

Контейнер с overflow: hidden, внутренний flex контейнер с translateX анимацией. Навигация: prev/next кнопки, dots, swipe. CSS scroll-snap — нативный snap к слайдам: scroll-snap-type: x mandatory на контейнере, scroll-snap-align: start на слайдах. Для touch: touchstart/touchmove/touchend, delta для определения направления. Autoplay с паузой при hover. Infinite loop: клонируй первый/последний слайд. Accessibility: aria-roledescription="carousel", aria-label на слайдах. Библиотеки: Embla Carousel, Swiper.