Skip to content

Getting started

Neobrut Vue requires Vue 3.5 or newer and a client-side Vue application.

Terminal window
npm install @neobrut-vue/core

Import the stylesheet once in your app entry, then import components where you use them:

import { createApp } from 'vue'
import '@neobrut-vue/core/style.css'
import App from './App.vue'
createApp(App).mount('#app')
<script setup lang="ts">
import { NbBadge, NbButton, NbCard } from '@neobrut-vue/core'
</script>
<template>
<NbCard tone="primary">
<template #header><NbBadge tone="accent">New</NbBadge></template>
<h2>Make it loud.</h2>
<template #footer><NbButton variant="accent">Launch</NbButton></template>
</NbCard>
</template>

You can also register all components with app.use(NeoBrutalVue); named imports keep each usage explicit. See the component catalog or try them live.