Vue Aura UI

Vue.js Components Library built with Vite, Vue3 and Tailwind

Instalation

Enter your project and install vue-aura-ui:

npm i vue-aura-ui

Register the components globally

In src/main.js import styles and vueAuraUI

import 'vue-aura-ui/dist/index.css'
import vueAuraUI from 'vue-aura-ui'

and dont forget to use it:

const app = createApp(App)
app.use(vueAuraUI)
app.mount('#app')

Now you can use the components everywhere:

<template>
  <div>
    <ACard />
    <AButton />
  </div>
</template>

Install individual components:

In src/main.js import styles

import 'vue-aura-ui/dist/index.css'

Then add it to your component

<script setup>
import { ACard, AButton } from 'vue-aura-ui'
</script>
<template>
  <div>
    <ACard />
    <AButton />
  </div>
</template>

Components

[x] AButton [x] ACard