artisan-toolbox / front-awesome
Reusable Vue components and frontend integrations for Laravel and Inertia applications.
Package info
github.com/artisan-toolbox/front-awesome
Language:TypeScript
pkg:composer/artisan-toolbox/front-awesome
Fund package maintenance!
Requires
- php: ^8.5
- artisan-toolbox/maintainer: ^1.10.0
- artisan-toolbox/mosaicast: ^1.1.1
- artisan-toolbox/qztray: ^1.4
- illuminate/support: ^13.0
- illuminate/translation: ^13.36
- inertiajs/inertia-laravel: ^3.0
Requires (Dev)
- driftingly/rector-laravel: ^2.5
- larastan/larastan: ^3.9
- laravel/pao: ^1.0
- laravel/pint: ^1.29
- orchestra/testbench: ^11.0
- pestphp/pest: ^5.0
- pestphp/pest-plugin-laravel: ^5.0
- pestphp/pest-plugin-type-coverage: ^5.0
- phpstan/extension-installer: ^1.4
- phpstan/phpstan: ^2.2.8
- rector/rector: ^2.6.2
Suggests
None
Provides
None
Conflicts
None
Replaces
None
This package is auto-updated.
Last update: 2026-11-11 23:00:09 UTC
README
Front Awesome
Reusable Vue components and frontend integrations for Laravel and Inertia applications.
Installation
From a Laravel application with Inertia and Vue, run Composer before npm.
Declare @artisan-toolbox/mosaicast in your application's package.json to satisfy Front Awesome's JavaScript peer dependency. The npm command below adds both frontend packages from Composer's vendor directory.
composer require artisan-toolbox/front-awesome npm install --install-links ./vendor/artisan-toolbox/front-awesome ./vendor/artisan-toolbox/mosaicast
The initial 1.x release is in development. It targets PHP 8.5, Laravel 13.36 or later within Laravel 13.x, Vue 3.5, Inertia 3, Tailwind CSS 4, and Node.js 24.11 or later.
Usage
After configuring Vite and loading the package styles, import the button in a Vue page. For shared Tailwind, Web Awesome, and optional PrimeVue branding, follow the shared theme guide.
<template> <Button variant="brand">Save changes</Button> </template> <script setup lang="ts"> import Button from '@artisan-toolbox/front-awesome/components/Button.vue'; </script>