Naive UI

A Vue 3 Component Library. Fairly Complete. Theme Customizable. Uses TypeSc...

VueComponent Toolkit
tusen-ai/naive-uiwww.naiveui.comnaive-ui

README

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 8165002788
- Awesome Naive UI

Features


Fairly Complete


There are more than 80 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.

  1. ``` sh
  2. npm i -D naive-ui
  3. ```

Fonts


  1. ``` sh
  2. npm i -D vfonts
  3. ```

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 resouces of result component is licensed under the CC-BY 4.0. The graphics resources come from Twemoji.