Repolode
Предложить
tusen-ai

tusen-ai/naive-ui

Библиотека компонентов для Vue 3: более 90 компонентов на TypeScript с поддержкой tree-shaking и типобезопасной системой переопределения темы.

Открыть на GitHubСайт
Звёзды
18,576
Форки
1,861
Открытые issues
709
Последний коммит
17 дней назад

Что это?

Naive UI — библиотека компонентов для Vue 3, написанная на TypeScript. В ней более 90 компонентов, каждый из которых можно импортировать отдельно благодаря поддержке tree-shaking, поэтому неиспользуемые компоненты не попадают в бандл.

Тема настраивается с помощью объекта переопределений на JavaScript: можно менять цвета и стили, не используя Less, Sass или CSS-переменные и не настраивая загрузчики webpack. Для компонентов не нужно импортировать отдельный CSS-файл. Компоненты для работы с данными, например таблицы и списки выбора, по умолчанию используют виртуальный список.

Проект рекомендует xicons в качестве библиотеки иконок, а vfonts — для типографики. Для дизайнеров также доступна библиотека макетов Sketch.

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

  • 01Более 90 компонентов с поддержкой tree-shaking.
  • 02Настройка темы через типобезопасный объект переопределений.
  • 03Для настройки темы не нужны Less, Sass, CSS-переменные или загрузчики webpack.
  • 04Написана на TypeScript и подходит для TypeScript-проектов.
  • 05Для использования компонентов не требуется отдельно импортировать CSS.
  • 06Компоненты для работы с данными по умолчанию используют виртуальные списки.

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

  • Создание административных панелей и внутренних интерфейсов в проектах на Vue 3.
  • Создание тематической дизайн-системы с настройкой через объекты JavaScript.
  • Разработка приложений на Vue и TypeScript, которым нужны готовые компоненты для форм и работы с данными.

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

  1. 1

    Установите библиотеку из npm

    npm i naive-ui
  2. 2

    Установите рекомендуемый пакет шрифтов

    npm i vfonts
  3. 3

    Посетите сайт документации, чтобы начать использовать компоненты

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

  • Требуется Vue 3; Vue 2 не поддерживается.

Темы

#vue#vue3-components#ui-components#component-library#typescript#theming#vue-typescript

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

Что такое naive-ui?
Библиотека компонентов для Vue 3: более 90 компонентов на TypeScript с поддержкой tree-shaking и типобезопасной системой переопределения темы. Naive UI — библиотека компонентов для Vue 3, написанная на TypeScript. В ней более 90 компонентов, каждый из которых можно импортировать отдельно благодаря поддержке tree-shaking, поэтому неиспользуемые компоненты не попадают в бандл.
naive-ui можно использовать бесплатно? Какая у него лицензия?
naive-ui распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
naive-ui всё ещё поддерживается?
Активно поддерживается. Последний коммит в naive-ui — 5 окт. 2026 г..
Для чего можно использовать naive-ui?
Создание административных панелей и внутренних интерфейсов в проектах на Vue 3. Создание тематической дизайн-системы с настройкой через объекты JavaScript. Разработка приложений на Vue и TypeScript, которым нужны готовые компоненты для форм и работы с данными.
Как установить naive-ui?
Установите библиотеку из npm: npm i naive-ui Установите рекомендуемый пакет шрифтов: npm i vfonts Посетите сайт документации, чтобы начать использовать компоненты
Где скачать naive-ui?
Исходный код и инструкции по установке — на GitHub: https://github.com/tusen-ai/naive-ui

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

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