Front Awesome

Front Awesome adds Web Awesome components, color mode controls, and toast notifications to Laravel applications that use Inertia and Vue. Components inherit the application’s theme. Toasts can come from Laravel or from Vue.

Work in progress (WIP)

This guide covers the 1.x development branch. Front Awesome has no stable Composer release.

Requirements

• PHP 8.5 or later within PHP 8.x, Laravel 13, and Inertia Laravel 3.x
• Vue 3.5 or later within Vue 3.x, Inertia Vue 3.x, and Tailwind CSS 4.x
• Mosaicast 1.1.1 or later within Mosaicast 1.x
• Node.js 24.11 or later

Installation

Follow Installation to install the Composer and frontend packages in an Inertia application.

Show your first toast

After installing the package and registering the Vue plugin, add this call to a Laravel action with an active web session.

use ArtisanToolbox\FrontAwesome\Facades\Toast;

Toast::success('Report saved.')->flash();

The next Inertia response displays a success toast with the default success icon.

Guides

• Installation covers Composer, npm, and refreshing local package copies.
• Web Awesome setup covers Vite, styles, and the Core and Pro editions.
• Package configuration covers publishing the Laravel configuration and choosing default toast icons.
• Vue plugin covers registration, the theme selector, toast placement, and Echo.
• Buttons and button groups shows how to use the typed Vue wrappers.
• Toasts from Laravel covers the facade, factory options, and both delivery methods.
• Toasts from Vue covers the composable, the Vue global service, and TypeScript.
• Development covers the package checkout, tests, and coverage.

Find the source code and changelog on GitHub.