nuxt-ui (WIP)

nuxt-ui for web glassmorphism components generate by UnoCSS.

Usage

npm i nuxt-ui
npm i unocss -D

Add nuxt-ui in your main entry file.

// main.ts
import NuxtUI from 'nuxt-ui'
import 'uno.css'
import 'nuxt-ui/dist/style.css'

createApp(App).use(NuxtUI).mount('#app')

Custom your UnoCSS config:

// uno.config.ts
import { defineConfig, presetAttributify, presetUno } from 'unocss'
import { presetNuxtUI } from 'nuxt-ui'

export default defineConfig({
  presets: [
    // ...
    presetUno(),
    presetAttributify(),
    presetNuxtUI(),
  ],
})

Preveiew

You can see the preview of the following commands:

npm run build

Then you can run playground to see the result.

npm run play

If you want start the dev server, you can run:

npm run dev

Refer

UnoCSS

@nuxt/ui

License

MIT License © 2022 hom-wang