Soon you will increase your productivity.

Blade users, you will no longer waste time struggling with CSS placements or other effects, and get back to the things that matter most. Be notified to try and adopt Bladery for Laravel

You will love it

Get notified

Awesome Blade UI and Starter Kit

Every thing you need

A huge library of components.
Several dozen ready-to-use components, including alerts, modals, forms and more. All perfectly insulated, benefit from the power of blade components.
A Starter Kit.
A starter kit to help you get started quickly. It includes a set of pages, layouts and components.
A StoryBook.
To help you visualize and test your components, we have integrated Storybook into the Bladery UI.
TALL stack
The use of libraries and frameworks acclaimed by the community. TailwindCSS, AlpineJS, Livewire for Laravel.

Tailwind CSS

AlpineJS

Laravel

Livewire
my.blade.php
                            
 1<x-b-alert type="danger" borderStyle="border">
 2    Change a few things up and try submitting again.
 3</x-b-alert>
 4 
 5<x-b-group-with-dropdown @click="alert('Very nice')">
 6    Create a pull request
 7    <x-slot name="items">
 8 ...
 9        <x-b-group-with-dropdown.item @click="alert('Nice too !')">
10            <x-heroicon-o-eye class="h-5 w-5 mr-2"/>
11            Create a draft pull request
12        </x-b-group-with-dropdown.item>
13        <x-b-group-with-dropdown.divider>
14            <x-b-group-with-dropdown.item
15                @click="if(confirm('Sure?')) alert('Nice too !')"
16                class="text-red-500 hover:text-red-800">
17                <x-heroicon-o-trash class="h-5 w-5 mr-2"/>
18                Delete this branch
19            </x-b-group-with-dropdown.item>
20        </x-b-group-with-dropdown.divider>
21 
22    </x-slot>
23</x-b-group-with-dropdown>
24 
25<x-b-rating :rate="4.0" :hideRate="true" />
26 ...
27<div class="mx-auto flex w-full items-end justify-around">
28    
29<x-b-avatar rounded src="/img/pic2.jpeg"
30                size="xs" status="online" />
31    ...
32    <x-b-avatar rounded src="/img/pic2.jpeg"
33                size="sm" status="offline" />
34    <x-b-avatar rounded initials="DT"
35                size="lg" status="invisible" />
36    <x-b-avatar rounded name="John Fred Doe"
37                size="xl" status="busy"
38                statusPosition="bottom-left"
39    />
40    <x-b-avatar rounded src="/img/pic2.jpeg"
41                size="2xl" status="away"
42                statusPosition="bottom-right"
43    />
44</div>
45 
Preview

4

DT
JFD