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

vuetifyjs/vuetify

Библиотека UI-компонентов Material Design для Vue с готовыми адаптивными компонентами для создания веб-приложений.

Открыть на GitHubСайт
Звёзды
41,032
Форки
7,112
Открытые issues
344
Последний коммит
12 часов назад

Что это?

Vuetify — библиотека UI-компонентов для Vue с обширным набором готовых компонентов ручной разработки в стиле Material Design. Она позволяет создавать полноценные интерфейсы приложений без глубоких знаний дизайна и предоставляет развитый API для настройки компонентов под самые разные задачи.

Стили можно менять с помощью переменных SASS/SCSS, готовых конфигураций и blueprints. Встроенная система тем помогает поддерживать единую цветовую палитру. Компоненты адаптивны по умолчанию и рассчитаны на минимальную ширину экрана 320px. При использовании с Vite tree-shaking выполняется автоматически, что помогает уменьшить размер сборки. Проект поддерживает современные браузеры, включая Safari 13+ с полифилами, и локализацию более чем на 42 языка.

Проект поддерживает основная команда, а распространяется он через npm. Создать каркас проекта можно командами для pnpm, yarn, npm и bun. Vuetify 2 снят с поддержки, поэтому сейчас разработка сосредоточена на линейке Vuetify 3. В issue-трекере репозитория принимаются только сообщения об ошибках и запросы на новые функции.

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

  • 01Готовые компоненты Material Design для приложений на Vue.
  • 02Настройка с помощью переменных SASS/SCSS, готовых конфигураций и blueprints.
  • 03Адаптивная компоновка по умолчанию для экранов шириной от 320px.
  • 04Встроенная система тем для единой цветовой палитры.
  • 05Автоматический tree-shaking при использовании с Vite.
  • 06Локализация с поддержкой более 42 языков.

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

  • Создание административных панелей и внутренних бизнес-приложений на Vue.
  • Разработка адаптивных маркетинговых и продуктовых сайтов в едином стиле Material Design.
  • Быстрое прототипирование интерфейсов без отдельной дизайн-системы.
  • Добавление тематического многоязычного UI-слоя в существующий проект на Vue 3.

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

  1. 1

    Создать новый проект с помощью npm

    npm create vuetify@latest
  2. 2

    Или создать новый проект с помощью pnpm

    pnpm create vuetify
  3. 3

    Или создать новый проект с помощью yarn

    yarn create vuetify

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

  • В метаданных лицензии указано NOASSERTION, хотя в README указана MIT.
  • Срок поддержки Vuetify 2 истёк, и он больше не поддерживается.

Темы

#vue#ui-components#material-design#vue3#css#typescript#ui-library#javascript#material#material-components

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

Что такое vuetify?
Библиотека UI-компонентов Material Design для Vue с готовыми адаптивными компонентами для создания веб-приложений. Vuetify — библиотека UI-компонентов для Vue с обширным набором готовых компонентов ручной разработки в стиле Material Design. Она позволяет создавать полноценные интерфейсы приложений без глубоких знаний дизайна и предоставляет развитый API для настройки компонентов под самые разные задачи.
vuetify можно использовать бесплатно? Какая у него лицензия?
vuetify распространяется с открытым исходным кодом под лицензией Other. Перед использованием в коммерческих продуктах проверьте условия лицензии.
vuetify всё ещё поддерживается?
Активно поддерживается. Последний коммит в vuetify — 20 окт. 2026 г..
Для чего можно использовать vuetify?
Создание административных панелей и внутренних бизнес-приложений на Vue. Разработка адаптивных маркетинговых и продуктовых сайтов в едином стиле Material Design. Быстрое прототипирование интерфейсов без отдельной дизайн-системы. Добавление тематического многоязычного UI-слоя в существующий проект на Vue 3.
Как установить vuetify?
Создать новый проект с помощью npm: npm create vuetify@latest Или создать новый проект с помощью pnpm: pnpm create vuetify Или создать новый проект с помощью yarn: yarn create vuetify
Где скачать vuetify?
Исходный код и инструкции по установке — на GitHub: https://github.com/vuetifyjs/vuetify

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

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