youzan/vant

어떤 프로젝트인가요?

핵심 기능

• 01모바일에 최적화된 UI 컴포넌트 80개 이상을 제공합니다.
• 02TypeScript로 작성되었으며 서드파티 의존성이 없습니다.
• 03Vue 2와 Vue 3, 그리고 Nuxt 2와 Nuxt 3를 지원합니다.
• 04트리 셰이킹, 테마 커스터마이징, 다크 모드를 지원합니다.
• 0530개 이상의 언어를 지원하는 내장 i18n과 SSR을 제공합니다.

활용 사례

• Vue로 모바일 H5 페이지나 웹 앱을 개발할 때.
• 리스트, 팝업, 탭 등 표준 모바일 컴포넌트가 필요한 이커머스 사이트나 콘텐츠 사이트를 만들 때.
• Nuxt로 서버 렌더링 모바일 사이트를 개발할 때.

빠른 시작

1. 1

   npm으로 Vant를 설치합니다(Vue 3 프로젝트)

   npm i vant
2. 2

   스타일을 가져오고 앱에서 필요한 컴포넌트를 등록합니다

사용 전 알아둘 점

• !Vant 3/4는 Chrome 51 이상과 iOS 10 이상을 지원하며, Vant 2는 더 오래된 Android 및 iOS 버전을 대상으로 합니다.
• !Vant는 모바일 웹 앱용으로 설계되었으며 데스크톱 중심 인터페이스에는 적합하지 않습니다.

포함된 컬렉션

토픽

자주 묻는 질문

vant은(는) 무엇인가요?

모바일 웹 앱 개발을 위한 가볍고 커스터마이징 가능한 Vue UI 컴포넌트 라이브러리로, 80개 이상의 컴포넌트를 제공합니다. Vant는 Vue로 모바일 웹 애플리케이션을 개발하기 위한 UI 컴포넌트 라이브러리입니다. 모바일 인터페이스에 필요한 일반적인 기능을 아우르는 80개 이상의 컴포넌트를 제공하며, TypeScript로 작성되어 있고 런타임에 필요한 서드파티 의존성이 없습니다.

vant은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

vant은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

vant은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. vant의 마지막 커밋은 2026년 11월 5일입니다.

vant은(는) 어디에 사용할 수 있나요?

Vue로 모바일 H5 페이지나 웹 앱을 개발할 때. 리스트, 팝업, 탭 등 표준 모바일 컴포넌트가 필요한 이커머스 사이트나 콘텐츠 사이트를 만들 때. Nuxt로 서버 렌더링 모바일 사이트를 개발할 때.

vant는 어떻게 설치하나요?

npm으로 Vant를 설치합니다(Vue 3 프로젝트): npm i vant 스타일을 가져오고 앱에서 필요한 컴포넌트를 등록합니다

vant은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/youzan/vant