Quick Start

Full setup

ts

// main.ts
import { createApp } from 'vue'
import App from './App.vue'

import '@luxeanor/ui/styles/tokens.css'
import '@luxeanor/ui/style.css'

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

html

<!-- index.html -->
<html data-theme="amethyst" data-mode="light">

Components are imported by name — no global registration:

vue

<script setup lang="ts">
import { LxButton, LxModal, useToast } from '@luxeanor/ui'
</script>

Before using useToast / useConfirm, mount the host once at your app root: <LxToastHost /> / <LxConfirmHost />. See Toast and Confirm.

Minimal example

Next steps

Browse the components — every page has interactive demos and a full API table
Need theming or dark mode? See Theming
SSR / Nuxt projects: read SSR notes first