Vue - v1.0.0
ArtisanPack UI Vue
A comprehensive Vue 3 UI component ecosystem for building modern web applications. Includes 58 components styled with DaisyUI and Tailwind CSS, a shared design tokens package, and first-class Laravel / Inertia.js integration.
Packages
| Package | Description |
|---|---|
@artisanpack-ui/vue |
58 Vue 3 UI components (form, layout, navigation, data display, feedback, utility) |
@artisanpack-ui/vue-laravel |
Inertia.js adapter wrappers for navigation, forms, auth, and toast integration |
Both packages depend on @artisanpack-ui/tokens for shared design tokens (colors, sizes, types).
Guides
- Getting Started — Installation, setup, and basic usage
- Design Tokens — Colors, spacing, typography, and shared types
- Theming — ThemeProvider, DaisyUI themes, dark mode, and custom themes
- Composables — useTheme, provideTheme, and useBreakpoint
- Laravel Inertia Integration — Forms, navigation, auth, and toast with Inertia.js
- Migration from Livewire — Side-by-side migration guide from Livewire components
Component Reference
- Component API Reference — Overview and common props
- Form Components — Button, Input, Select, Checkbox, Toggle, DatePicker, ColorPicker, RichTextEditor, and more
- Layout Components — Card, Modal, Tabs, Accordion, Drawer, Dropdown, Grid, Stack, Popover
- Navigation Components — Menu, Breadcrumbs, Pagination, Steps, Navbar, Sidebar, SpotlightSearch
- Data Display Components — Table, Chart, Calendar, Avatar, Badge, Progress, Stat, Timeline, Carousel, Code, Diff, Sparkline
- Feedback Components — Alert, Toast, Loading, Skeleton, EmptyState, ErrorDisplay
- Utility Components — Icon, ThemeToggle, Tooltip, Clipboard, Markdown