What is this?
Naive UI is a Vue 3 component library with 90+ UI components, theme customization, full TypeScript coverage and a focus on speed.
Naive UI is a Vue 3 component library with 90+ UI components, theme customization, full TypeScript coverage and a focus on speed.Is it a framework I build my app on, or a library I add to an existing Vue project?A library you add to an existing Vue 3 app: import whichever components you need. All 90+ are treeshakable, so unused ones don't bloat your bundle.
A library you add to an existing Vue 3 app: import whichever components you need. All 90+ are treeshakable, so unused ones don't bloat your bundle.How do I add it to a project?Install it via npm and import the components in your Vue 3 app; the full documentation lives at www.naiveui.com.
Install it via npm and import the components in your Vue 3 app; the full documentation lives at www.naiveui.com.Does it work with Vue 2, or only Vue 3 — and does my project have to use TypeScript?It targets Vue 3 apps. The library is written in TypeScript and works seamlessly with TS projects, but plain JavaScript apps can use it too; working on the repo itself requires Node 20+ and pnpm.
It targets Vue 3 apps. The library is written in TypeScript and works seamlessly with TS projects, but plain JavaScript apps can use it too; working on the repo itself requires Node 20+ and pnpm.Do I need to import any CSS or set up build tooling for the styles to work?No. There is no CSS to import when using the components, and theming needs no less/sass, no CSS variables and no webpack loaders.
No. There is no CSS to import when using the components, and theming needs no less/sass, no CSS variables and no webpack loaders.Is it free to use in commercial projects?Yes, it is MIT licensed. One nuance: the graphics resources of the result component come from Twemoji and are licensed under CC-BY 4.0.
Yes, it is MIT licensed. One nuance: the graphics resources of the result component come from Twemoji and are licensed under CC-BY 4.0.Which icon library should I pair it with?The README recommends xicons as the icon library. There are also official Naive UI design resources available as a Sketch file.
The README recommends xicons as the icon library. There are also official Naive UI design resources available as a Sketch file.Does it support server-side rendering?Yes — the package ships with @css-render/vue3-ssr among its dependencies, which provides SSR styling support for Vue 3.
Yes — the package ships with @css-render/vue3-ssr among its dependencies, which provides SSR styling support for Vue 3.What are similar projects?vuetify, mint-ui, element-plus, primitives, chakra-ui, daisyui, element, arc-library
vuetify, mint-ui, element-plus, primitives, chakra-ui, daisyui, element, arc-libraryWhich topics is it in?ui-kit, vuejs, ssr, ui-library, theme, vite, component-library, vue, ui-components, css, ui, web-development
ui-kit, vuejs, ssr, ui-library, theme, vite, component-library, vue, ui-components, css, ui, web-development