Laravel Blade UI Kit

A simple UI kit for Laravel. Based on Tailwind and AlpineJS.

Installation

You can install the package via composer:

composer require elegantly/blade-kit

To make it work with tailwindcss v4, you must add the following lines to your app.css.

@import "../../vendor/elegantly/blade-kit/resources/css/styles.css";
@source "../../vendor/elegantly/blade-kit/resources/views/**/*.blade.php";

You can publish the config file with:

php artisan vendor:publish --tag="blade-kit-config"

This is the contents of the published config file:

return [
 //
];

Optionally, you can publish the views using

php artisan vendor:publish --tag="blade-kit-views"

Usage

<x-kit::button color="white" class="rounded-md font-semibold"> Button </x-kit::button>

Testing

You can see all components by running:

bun run dev

and

composer serve

You can run test with:

composer test

Changelog

Please see CHANGELOG for more information on what has changed recently.

Contributing

Please see CONTRIBUTING for details.

Security Vulnerabilities

Please review our security policy on how to report security vulnerabilities.

Credits

• Quentin Gabriele
• All Contributors

License

The MIT License (MIT). Please see License File for more information.