Naive UI

Overview

Naive UI is a modern, clean Vue 3 component library built by Tusen AI (图森未来). Celebrated for its complete TypeScript type safety and zero-CSS-file configuration (powered by CSS-in-JS v-bind), it provides a frictionless developer experience.

Key Features

• 80+ Polished Components: Extensive collection of buttons, trees, data tables, and modal dialogs.
• Zero CSS Import Overhead: Scoped styles are injected dynamically on demand, eliminating bulky CSS imports.
• Complete TypeScript Typing: Strict type definitions for props, slots, and events out-of-the-box.
• Fine-Grained Theme Overrides: Effortlessly override component color tokens via the NConfigProvider.

Installation & Quick Start

npm install naive-ui

<template>
  <n-button type="primary">Naive Action</n-button>
</template>

<script setup>
import { NButton } from 'naive-ui';
</script>

Why Choose Naive UI?

• Best for: Modern Vue 3 + Vite applications where developer ergonomics, type safety, and clean aesthetics matter.
• Not suitable for: SSR-heavy setups with strict constraints against runtime CSS-in-JS injections.