naive-ui is a Vue 3 UI library that provides a set of high-quality components for building user interfaces in Vue.js applications. It offers a clean and minimalistic design, making it easy to create modern and responsive UIs. While naive-ui is a great choice for UI components in Vue.js projects, there are other libraries available in the Vue ecosystem that offer similar solutions. Here are a few alternatives:

• ant-design-vue is a popular UI library that provides a wide range of components and design patterns for Vue.js applications. It offers a rich set of features and customization options.
• bootstrap-vue is an integration of Bootstrap components for Vue.js applications. It allows developers to leverage the power of Bootstrap's CSS and JavaScript components within Vue.js projects.
• element-plus is a Vue 3 UI library that provides a comprehensive set of components with a clean and modern design. It offers a rich selection of components and utilities for building elegant interfaces.
• vuetify is a popular Vue.js UI framework that offers a wide range of Material Design components and utilities. It provides a robust set of features for creating visually appealing and responsive applications.

Check out this comparison: Comparing ant-design-vue vs bootstrap-vue vs element-plus vs naive-ui vs vuetify.

Naive UI

A Vue 3 Component Library

Fairly Complete, Theme Customizable, Uses TypeScript, Fast

Kinda Interesting

English | 中文

Documentation

www.naiveui.com

Community

• Discord

• DingTalk Group 1 (Member limit reached) 33482509

• DingTalk Group 2 (Member limit reached) 35886835

• DingTalk Group 3 (Member limit reached) 32377370

• DingTalk Group 4 (Member limit reached) 8165002788

• DingTalk Group 5 (Member limit reached) 31205022250

• DingTalk Group 6 62720001971

• Awesome Naive UI

Features

Fairly Complete

There are more than 90 components. Hope they can help you write less code.

What's more, they are all treeshakable.

Theme Customizable

We provide an advanced type safe theme system built using TypeScript. All you need is to provide a theme overrides object in JS. Then all the stuff will be done by us.

What's more, no less/sass/css variables, no webpack loaders are required.

Uses TypeScript

All the stuff in Naive UI is written in TypeScript. It can work with your typescript project seamlessly.

What's more, you don't need to import any CSS to use the components.

Fast

I try to make it not rather slow. At least select, tree, transfer, table and cascader work with virtual list.

What's more, ..., no more. Just enjoy it.

Installation

npm

Use npm to install.

npm i -D naive-ui

Fonts

npm i -D vfonts

Icons

Naive UI recommends using xicons as icon library.

Design Resources

Naive UI (Sketch).

Contributing

Please see CONTRIBUTING.md.

License

Naive UI is licensed under the MIT license.

Graphics resources of result component is licensed under the CC-BY 4.0. The graphics resources come from Twemoji.