naive-ui/README.md

81 lines
2.1 KiB
Markdown
Raw Normal View History

2019-10-20 10:44:12 +08:00
<p align="center">
2019-10-28 12:38:59 +08:00
<img width="144px" src="https://naiveui.oss-cn-hongkong.aliyuncs.com/naivelogo.svg" />
2019-10-20 10:44:12 +08:00
</p>
2019-10-20 11:02:37 +08:00
<h1 align="center">Naive UI</h1>
2021-05-25 13:21:43 +08:00
<p align="center">A Vue 3 Component Library</p>
<p align="center"><b>Fairly Complete, Customizable Themes, Uses TypeScript, Not too Slow</b></p>
2021-06-03 12:26:41 +08:00
<p align="center">Kinda Interesting</p>
2019-10-20 11:03:43 +08:00
2021-04-19 21:54:16 +08:00
<p align="center">English | <a href="README.zh-CN.md">中文</a></p>
2019-07-10 11:42:46 +08:00
## Documentation
2021-04-19 21:47:29 +08:00
2021-06-05 00:28:31 +08:00
[www.naiveui.com](http://www.naiveui.com)
2020-03-02 22:41:52 +08:00
## Community
- [Discord](https://discord.gg/Pqv7Mev5Dd)
- DingTalk Group 33482509
2021-07-20 16:32:09 +08:00
- [Awesome Naive UI](https://github.com/naive-ui/awesome-naive)
2020-03-02 23:24:44 +08:00
## Features
2021-04-19 21:47:29 +08:00
2021-06-03 12:26:41 +08:00
### Fairly Complete
2021-04-19 21:47:29 +08:00
There are more than 70 components. Hope they can help you write less code.
What's more, they are all treeshakable.
2021-06-03 12:26:41 +08:00
### Customizable Themes
2021-04-19 21:47:29 +08:00
2021-06-10 23:09:18 +08:00
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.
2021-04-19 21:47:29 +08:00
What's more, no less/sass/css variables, no webpack loaders are required.
### Uses TypeScript
2021-04-19 21:47:29 +08:00
2021-06-10 23:09:18 +08:00
All the stuff in Naive UI is written in TypeScript. It can work with your typescript project seamlessly.
2021-04-19 21:47:29 +08:00
What's more, you don't need to import any CSS to use the components.
### Not too Slow
2021-05-17 15:52:00 +08:00
I try to make it not rather slow. At least select, tree, transfer, table and cascader work with virtual list.
2021-04-19 21:47:29 +08:00
What's more, ..., no more. Just enjoy it.
2020-03-02 23:24:44 +08:00
2021-04-19 21:56:19 +08:00
## Installation
### npm
Use npm to install.
```bash
npm i -D naive-ui
```
### Fonts
```bash
npm i -D vfonts
```
### Icons
2021-06-05 09:18:38 +08:00
Naive UI recommends using [xicons](https://www.xicons.org) as icon library.
2021-04-19 21:56:19 +08:00
### Design Resources
2021-07-07 00:41:47 +08:00
[Naive UI (Sketch)](https://naive-ui.oss-accelerate.aliyuncs.com/NaiveUI-Design-Library%28Square-Corner%29.sketch).
2021-04-19 21:56:19 +08:00
2021-06-05 23:24:07 +08:00
## Contributing
Please see [CONTRIBUTING.md](https://github.com/TuSimple/naive-ui/blob/main/CONTRIBUTING.md).
2020-03-02 22:41:52 +08:00
## License
2021-04-19 21:47:29 +08:00
2020-03-02 22:41:52 +08:00
Naive UI is licensed under the [MIT license](https://opensource.org/licenses/MIT).
2021-04-19 21:47:29 +08:00
Graphics resouces of `result` component is licensed under the [CC-BY 4.0](https://creativecommons.org/licenses/by/4.0/). The graphics resources come from [Twemoji](https://github.com/twitter/twemoji).