Skip to content
UI Brok

Loading…

No results

Browse catalog

Recipes

Common install sets for building Laravel screens quickly. Recipes are intentionally just commands and Blade composition: every copied file remains editable in your application.

Authentication

Start with the login and registration blocks, then wire the form actions to your auth routes.

terminal
php artisan ui:add blocks/auth-02
php artisan ui:add blocks/auth-03
resources/views/auth/login.blade.php Blade
<x-blocks.auth-02
    action="{{ route('login') }}"
    forgot-href="{{ route('password.request') }}"
/>

Settings Page

Use the settings form block when you need labeled fields, validation text, and clear save actions without designing the page from scratch.

terminal
php artisan ui:add pages/settings-page
resources/views/settings/profile.blade.php Blade
<x-pages.settings-page />

Data Table With Actions

Pair the data table with dropdown, badge, and button primitives for searchable lists with per-row actions and status treatments.

terminal
php artisan ui:add data-table dropdown badge button
resources/views/customers/index.blade.php Blade
<x-ui.data-table
    :columns="$columns"
    :rows="$customers"
    searchable
    selectable
/>

Admin Dashboard

Install the dashboard shell first, then drop analytics or management blocks into the content area. Admin blocks pin themselves to the admin surface tokens.

terminal
php artisan ui:add pro/pages/dashboard-shell-01
php artisan ui:add pro/pages/analytics-dashboard-01
resources/views/admin/dashboard.blade.php Blade
<x-pages.dashboard-shell-01 />
<x-pages.analytics-dashboard-01 />

AI Interface

Use the AI chat and playground blocks for prompt UIs, streamed response layouts, and model controls while keeping provider-specific request code in your controllers.

terminal
php artisan ui:add blocks/ai-tools-01
php artisan ui:add blocks/chat-demo
resources/views/ai/index.blade.php Blade
<x-blocks.ai-tools-01 model="GPT-4o" />
<x-blocks.chat-demo :messages="$messages" />

Note

Recipes use installable blocks when a full screen exists and primitives when the screen needs product-specific behavior. Check the Registry contract on each item page before installing to see exactly which files and dependencies will be copied.