nolimits4web/swiper

모던 터치 기반 슬라이더로 하드웨어 가속 애니메이션과 RTL 완벽 지원을 제공하는 무료 라이브러리

개발 재료맘대로 써도 됨 · MIT모바일난이도
41,854+478이번 주9,654234JavaScript
데모·홈페이지 열기swiperjs.com
중간맛 분석

순수 JavaScript 기반의 터치 슬라이더로, React/Vue 데모도 제공됩니다. 번들 크기 최적화(tree-shakeable), TypeScript 타입 포함, RTL 완벽 지원이 강점입니다. 페이지 로드 후 즉시 사용 가능하며, 라이브러리 의존성이 없어 통합이 간단합니다. 공식 데모에서 Fade, Flip, 3D Cube, Coverflow 등 다양한 이펙트를 확인할 수 있습니다.

이런 레포예요

이럴 때 쓰면 좋아요

  • 모바일 갤러리나 상품 이미지 슬라이드 구현
  • 터치 기반 모바일 앱의 온보딩 화면
  • 반응형 웹사이트의 콘텐츠 캐러셀

핵심 기능

하드웨어 가속 애니메이션과 1:1 터치 반응RTL 완벽 지원 및 다양한 이펙트(3D Cube, Coverflow, Fade 등)Virtual Slides로 수천 개 슬라이드도 효율적 관리

대안 대비 차별점

Swiper는 현대 모바일 플랫폼 중심의 최신식 라이브러리로, RTL 레이아웃을 완벽 지원하고 외부 의존성 없이 극도로 가볍기 때문에 기타 슬라이더 플러그인들과 차별화됩니다.

바로 시작하기
  1. npm install swiper
  2. HTML에 슬라이드 마크업 추가
  3. JavaScript에서 new Swiper('.swiper') 초기화
별 추이 · 7일
41,854+478 / 7일
활용성 · 따라 만들기 좋은가
샘플 점수 34/100
  • 관대한 라이선스
  • 테스트 있음
  • 예제 디렉토리
  • 최근 활동
  • AGENTS.md
  • llms.txt
  • 템플릿

🟢 최근 활동 있음 · 2012년 생성

AI가 README 기반으로 요약했습니다 · 원문 보기