nolimits4web/swiper

Что это?

Ключевые возможности

• 01Слайдер с приоритетом сенсорного управления и настраиваемым перемещением в соотношении 1:1 при касании.
• 02Раскладка слайдов на основе flexbox с настройкой количества слайдов на экране и в группе, а также расстояния между ними.
• 03Встроенные пагинация, стрелки навигации и полоса прокрутки.
• 04Эффекты перехода: затухание, переворот, 3D-куб и 3D coverflow.
• 05Ленивая загрузка и виртуальные слайды для каруселей с большим количеством изображений или слайдов.
• 06Модули с поддержкой tree-shaking, типами TypeScript и без зависимости от jQuery.

Сценарии использования

• Создание галерей изображений или каруселей товаров для сайтов, удобных для мобильных устройств.
• Добавление разделов онбординга или баннеров с перелистыванием в мобильные веб-приложения.
• Создание многорядных или многоколоночных раскладок слайдов, настраиваемых только с помощью CSS.
• Связывание слайдера миниатюр с основным слайдером, чтобы они управляли друг другом.

Быстрый старт

1. 1

   Установите Swiper из npm

   npm install swiper
2. 2

   Соберите версию для разработки (после клонирования выполните команду в корне репозитория)

   npm install && npm run build
3. 3

   Запустите демо Core из папки playground

   npm run core

Что важно знать

• !Совместимо не со всеми платформами; предназначено только для современных браузеров и мобильных приложений.

Темы

Частые вопросы

Что такое swiper?

Бесплатный JavaScript-слайдер для мобильных сайтов и приложений с приоритетом сенсорного управления, аппаратным ускорением переходов и без зависимости от jQuery. Swiper — библиотека JavaScript-слайдеров с упором на сенсорное управление, предназначенная для мобильных сайтов, мобильных веб-приложений, а также нативных и гибридных приложений. В ней используется раскладка слайдов на основе flexbox, поэтому размеры и сетку слайдов можно настраивать с помощью CSS и параметров инициализации, например количества слайдов на экране и в группе, а также расстояния между ними.

swiper можно использовать бесплатно? Какая у него лицензия?

swiper распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

swiper всё ещё поддерживается?

Активно поддерживается. Последний коммит в swiper — 16 окт. 2026 г..

Для чего можно использовать swiper?

Создание галерей изображений или каруселей товаров для сайтов, удобных для мобильных устройств. Добавление разделов онбординга или баннеров с перелистыванием в мобильные веб-приложения. Создание многорядных или многоколоночных раскладок слайдов, настраиваемых только с помощью CSS. Связывание слайдера миниатюр с основным слайдером, чтобы они управляли друг другом.

Как установить swiper?

Установите Swiper из npm: npm install swiper Соберите версию для разработки (после клонирования выполните команду в корне репозитория): npm install && npm run build Запустите демо Core из папки playground: npm run core

Где скачать swiper?

Исходный код и инструкции по установке — на GitHub: https://github.com/nolimits4web/swiper