Pick the right UI Library

for your Vue 3 or Nuxt 3 Project.

nuxt.svg

Nuxt UI

Styled
Imported
Components
Nuxt only
Tailwind CSS
Free
Fully Accessible
Dark Mode
Semantic Colors
Figma files
Official
Public Roadmap
RTL support
Fully Typed
Form Helpers
primevue.svg

PrimeVue

Styled
Unstyled
Imported
Components
Vue/Nuxt
Tailwind CSS
Free
Fully Accessible
Built-in Themes
Theme Generator
Dark Mode
Semantic Colors
Figma files
Public Roadmap
Fully Typed
Form Helpers
quasar.svg

Quasar

Styled
Imported
Components
Vue/Nuxt
Free
Theme Generator
Dark Mode
Semantic Colors
Public Roadmap
RTL support
vuetify.svg

Vuetify

Styled
Imported
Components
Vue/Nuxt
Free
Fully Accessible
Built-in Themes
Theme Generator
Dark Mode
Semantic Colors
Figma files
Public Roadmap
Form Helpers
radixvue.svg

Radix Vue

Unstyled
Imported
Components
Vue/Nuxt
Free
Fully Accessible
Public Roadmap
Fully Typed
shadcn.png

Shadcn-vue

(on top of Radix Vue)

Styled
Pasted
Components
Vue/Nuxt
Tailwind CSS
Free
Fully Accessible
Theme Generator
Dark Mode
Figma files
headlessui.svg

Headless UI

Unstyled
Imported
Components
Vue/Nuxt
Tailwind CSS
Free
Fully Accessible
Official
tailwind.svg

Tailwind UI

(on top of Headless UI)

Styled
Pasted
Components
Tailwind CSS
Fully Accessible
Official
naiveui.svg

Naive UI

Styled
Imported
Components
Vue/Nuxt
Free
Theme Generator
Semantic Colors
Fully Typed
Form Helpers
daisyui.svg

Daisy UI

Styled
Imported
CSS only
Tailwind CSS
Free
Built-in Themes
Theme Generator
Dark Mode
Semantic Colors
RTL support
flowbite-vue.svg

Flowbite Vue

Styled
Components
Vue/Nuxt
Tailwind CSS
Free
Figma files
element-plus.svg

Element Plus

Styled
Imported
Components
Vue/Nuxt
Free
Dark Mode
Semantic Colors
Figma files
Public Roadmap
Fully Typed
Form Helpers
antvue.svg

Ant Design Vue

Styled
Imported
Components
Vue/Nuxt
Free
Semantic Colors
Figma files
Form Helpers
vuestic-ui.png

Vuestic UI

Styled
Imported
Components
Vue/Nuxt
Free
Fully Accessible
Dark Mode
Semantic Colors
Public Roadmap
Fully Typed
Form Helpers