A comprehensive Vue 3 UI component library for the ArtisanPack UI ecosystem, styled with DaisyUI and Tailwind CSS.
npm install @artisanpack-ui/vueimport { createApp } from 'vue';
import { createArtisanPackUI } from '@artisanpack-ui/vue';
import App from './App.vue';
const app = createApp(App);
app.use(createArtisanPackUI());
app.mount('#app');<script setup lang="ts">
import { Button, Input, Card } from '@artisanpack-ui/vue';
</script>
<template>
<Card>
<template #header>Sign In</template>
<Input label="Email" type="email" v-model="email" />
<Button color="primary" @click="submit">Log In</Button>
</Card>
</template>Import only the categories you need to keep bundle sizes small:
import { Button, Input } from '@artisanpack-ui/vue/form';
import { Card, Modal } from '@artisanpack-ui/vue/layout';
import { Table } from '@artisanpack-ui/vue/data';npm install @artisanpack-ui/vue-laravelimport { createArtisanPackUILaravel } from '@artisanpack-ui/vue-laravel';
app.use(createArtisanPackUILaravel());See the Laravel integration guide for full setup instructions.
- Vue 3.5+
- Tailwind CSS 4+
- DaisyUI 5+
- Node.js 18+
Full documentation is available on the GitHub Wiki. Source files live in the docs/ directory.
- Getting Started
- Component API Reference
- Design Tokens
- Theming Guide
- Composables Reference
- Laravel / Inertia Integration
- Migration from Livewire
git clone https://github.com/ArtisanPack-UI/vue.git
cd vue
npm install
npm run build
npm run test
npm run story:dev # Launch Histoire component playgroundSee CONTRIBUTING.md for the full contributor guide.
