A comprehensive React UI component ecosystem for building modern web applications. Includes 56+ components styled with DaisyUI and Tailwind CSS, a shared design tokens package, and first-class Laravel / Inertia.js integration.
Packages
| Package | Description |
|---|---|
@artisanpack-ui/tokens |
Design tokens — colors, spacing, typography, shadows, animations, glass morphism presets |
@artisanpack-ui/react |
56+ React UI components (form, layout, navigation, data display, feedback, utility) |
@artisanpack-ui/react-laravel |
Inertia.js adapter wrappers for navigation, forms, auth, and toast integration |
Guides
- Getting Started — Installation, setup, and basic usage
- Design Tokens — Colors, spacing, typography, shadows, animations, and glass morphism
- Theming — ThemeProvider, DaisyUI themes, dark mode, and custom themes
- Laravel Inertia Integration — Forms, navigation, auth, and toast with Inertia.js
- Migration from Livewire — Side-by-side migration guide from Livewire components
- React 18 vs 19 Compatibility — React version support and compatibility notes
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
- Feedback Components — Alert, Toast, Loading, Skeleton, EmptyState, ErrorDisplay
- Utility Components — Icon, ThemeToggle, Tooltip, Clipboard, Markdown
Development
- Releasing — Changesets workflow, stable releases, snapshot releases, and troubleshooting