GitHub - ArtisanPack-UI/vue: Monorepo for ArtisanPack UI's Vue ecosystem — 80+ TypeScript components with full parity to the React library, styled with DaisyUI/Tailwind CSS, plus Inertia.js adapters for Laravel integration. Includes @artisanpack-ui/vue and @artisanpack-ui/vue-laravel. · GitHub
Skip to content
ArtisanPack-UIPublic

About

Monorepo for ArtisanPack UI's Vue ecosystem — 80+ TypeScript components with full parity to the React library, styled with DaisyUI/Tailwind CSS, plus Inertia.js adapters for Laravel integration. Includes @artisanpack-ui/vue and @artisanpack-ui/vue-laravel.

Resources

Contributing

Stars

0 stars

Watchers

0 watching

Forks

Repository files navigation

ArtisanPack UI for Vue

CI License: MIT

A comprehensive Vue 3 UI component library for the ArtisanPack UI ecosystem, styled with DaisyUI and Tailwind CSS.

Packages

Package Description
@artisanpack-ui/vue 58 Vue 3 UI components organized by category (form, layout, navigation, display, data, feedback, utility)
@artisanpack-ui/vue-laravel Inertia.js adapter wrappers for seamless Laravel integration

Quick Start

Install the core package

npm install @artisanpack-ui/vue

Register the plugin

import { createApp } from 'vue';
import { createArtisanPackUI } from '@artisanpack-ui/vue';
import App from './App.vue';

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

Use components

<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>

Tree-shakeable sub-path imports

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';

Laravel / Inertia.js Integration

npm install @artisanpack-ui/vue-laravel
import { createArtisanPackUILaravel } from '@artisanpack-ui/vue-laravel';

app.use(createArtisanPackUILaravel());

See the Laravel integration guide for full setup instructions.

Requirements

  • Vue 3.5+
  • Tailwind CSS 4+
  • DaisyUI 5+
  • Node.js 18+

Documentation

Full documentation is available on the GitHub Wiki. Source files live in the docs/ directory.

Development

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 playground

See CONTRIBUTING.md for the full contributor guide.

License

MIT

About

Monorepo for ArtisanPack UI's Vue ecosystem — 80+ TypeScript components with full parity to the React library, styled with DaisyUI/Tailwind CSS, plus Inertia.js adapters for Laravel integration. Includes @artisanpack-ui/vue and @artisanpack-ui/vue-laravel.

Resources

Contributing

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages