VS

Introduction

First of all, we have to say thank you to Nuxt devs, who create this beatiful library called Nuxt UI, making easier to structure and understand some key points on making a component library to Nuxt framework.

While Nuxt UI use tailwind we choose to use UnoCSS, check the docs to know more and understand differences between them.

All classes are defined in the default app.config file, you can override them using your own file, but keeping the same structure.

Dark Mode

All components are dark mode friendly, you only need to configure on your side, i recommend to check the @nuxtjs/color-mode .

Components

Each component has a ui prop to allow you to customize each component individually, you can change any value of the default preset.

You can find the default preset for each component under the Preset section.

Global Presets

To avoid repeat same syntax accross the app.config.js we share some values multiple times, they are:

  1. - Radius
  2. - Size
  3. - Padding
  4. - Icon