Repolode
Предложить
youzan

youzan/vant

Лёгкая настраиваемая библиотека UI-компонентов Vue для мобильных веб-приложений: более 80 компонентов.

Открыть на GitHubСайт
Звёзды
24,413
Форки
9,355
Открытые issues
233
Последний коммит
17 часов назад

Что это?

Vant — библиотека UI-компонентов для создания мобильных веб-приложений на Vue. В ней более 80 компонентов для типовых задач мобильного интерфейса. Библиотека написана на TypeScript и не имеет сторонних runtime-зависимостей.

Vant поддерживает Vue 2 и Vue 3, а также работает с Nuxt 2 и Nuxt 3 через отдельный модуль. Компоненты можно импортировать по отдельности с tree shaking, а темы — настраивать с помощью CSS-переменных. Также поддерживаются тёмная тема, SSR и встроенная i18n более чем для 30 языков.

В проекте используются отдельные ветки для релизов Vue 2 и Vue 3, а в официальной документации есть демонстрации каждого компонента. Связанный проект vant-weapp предлагает компоненты в том же стиле для мини-программ WeChat.

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

  • 01Предлагает более 80 UI-компонентов для мобильных интерфейсов.
  • 02Написана на TypeScript и не имеет сторонних зависимостей.
  • 03Поддерживает Vue 2 и Vue 3, а также Nuxt 2 и Nuxt 3.
  • 04Поддерживает tree shaking, пользовательские темы и тёмную тему.
  • 05Включает встроенную i18n более чем для 30 языков и поддержку SSR.

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

  • Создание мобильных H5-страниц и веб-приложений на Vue.
  • Разработка интернет-магазинов и контентных сайтов, которым нужны стандартные мобильные компоненты: списки, всплывающие окна и вкладки.
  • Разработка мобильных сайтов с серверным рендерингом на Nuxt.

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

  1. 1

    Установите Vant с помощью npm (проект Vue 3)

    npm i vant
  2. 2

    Импортируйте стили и зарегистрируйте в приложении нужные компоненты

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

  • Для Vant 3/4 требуются Chrome 51 или новее и iOS 10 или новее; Vant 2 предназначен для более старых версий Android и iOS.
  • Vant разработан для мобильных веб-приложений и не предназначен для интерфейсов, ориентированных на настольные устройства.

В подборках

Приложения для Android и инструменты для телефона

Темы

#vue#ui-library#components#mobile#typescript#vue3#frontend-components#ui-kit#vant

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

Что такое vant?
Лёгкая настраиваемая библиотека UI-компонентов Vue для мобильных веб-приложений: более 80 компонентов. Vant — библиотека UI-компонентов для создания мобильных веб-приложений на Vue. В ней более 80 компонентов для типовых задач мобильного интерфейса. Библиотека написана на TypeScript и не имеет сторонних runtime-зависимостей.
vant можно использовать бесплатно? Какая у него лицензия?
vant распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
vant всё ещё поддерживается?
Активно поддерживается. Последний коммит в vant — 7 нояб. 2026 г..
Для чего можно использовать vant?
Создание мобильных H5-страниц и веб-приложений на Vue. Разработка интернет-магазинов и контентных сайтов, которым нужны стандартные мобильные компоненты: списки, всплывающие окна и вкладки. Разработка мобильных сайтов с серверным рендерингом на Nuxt.
Как установить vant?
Установите Vant с помощью npm (проект Vue 3): npm i vant Импортируйте стили и зарегистрируйте в приложении нужные компоненты
Где скачать vant?
Исходный код и инструкции по установке — на GitHub: https://github.com/youzan/vant

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты