Skip to content
Brok UI

Loading…

No results

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-sign-in
php artisan ui:add blocks/auth-sign-up
resources/views/auth/login.blade.php Blade
<x-blocks.auth-sign-in
    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
<brok: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. These two pages are Pro items: run php artisan ui:auth once before the pro/ install.

terminal
php artisan ui:add pro/pages/app-shell-org-switcher
php artisan ui:add pro/pages/dashboard-finance
resources/views/admin/dashboard.blade.php Blade
<x-pages.app-shell-org-switcher />
<x-pages.dashboard-finance />

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-text
php artisan ui:add blocks/chat-demo
resources/views/ai/index.blade.php Blade
<x-blocks.ai-tools-text 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.