xbot-my/laravel-oneui

OneUI Blade Component for Laravel.

v1.2.0 2025-12-18 22:03 UTC

Requires

• php: ^8.2
• illuminate/filesystem: ^11.0|^12.0
• illuminate/support: ^11.0|^12.0
• illuminate/view: ^11.0|^12.0

Requires (Dev)

• laravel/pint: ^1.26
• orchestra/testbench: ^9.0|^10.0
• pestphp/pest: ^4.0
• pestphp/pest-plugin-browser: ^4.1
• pestphp/pest-plugin-laravel: ^4.0

MIT

• Roy

• laravel
• blade
• laravel-package
• oneui

README

A comprehensive Laravel Blade component library for OneUI Bootstrap 5 Admin Template.

Requirements

• PHP 8.2+
• Laravel 11.x or 12.x
• OneUI 5.x (purchased separately from pixelcave)

Installation

composer require xbot-my/laravel-oneui

Publish assets:

php artisan vendor:publish --tag=oneui-assets

Quick Start

<x-oneui::page>
    <x-slot:title>Dashboard</x-slot>
    
    <x-slot:content>
        <x-oneui::block title="Welcome">
            Hello, World!
        </x-oneui::block>
    </x-slot>
</x-oneui::page>

Available Components

Layout

Component	Usage
page	Full page layout with sidebar/header
block	Content block with header
hero	Hero section
container	Bootstrap container
row / col	Grid system
offcanvas	Slide-out drawer

Form

Component	Usage
button	Buttons with variants
input	Text inputs
select	Select dropdowns
checkbox / radio	Form controls
input-group	Input groups
file-input	File upload
floating-label	Floating labels
form	Form wrapper

Data Display

Component	Usage
table	Data-driven tables
badge	Status badges
card	Cards
pagination	Paginator

Navigation

Component	Usage
breadcrumb	Breadcrumbs
nav-tabs	Tab navigation
sidebar-menu	Sidebar navigation
nav-item	Nav menu items

Feedback

Component	Usage
alert	Alert messages
spinner	Loading spinners
toast	Toast notifications
progress	Progress bars
loading	Full-screen loader

Overlay

Component	Usage
modal	Modal dialogs
dropdown	Dropdown menus

Examples

Button

<x-oneui::button type="primary">Primary</x-oneui::button>
<x-oneui::button type="success" :outline="true">Outline</x-oneui::button>
<x-oneui::button type="danger" size="lg">Large</x-oneui::button>

Table

<x-oneui::table 
    :data="$users" 
    :columns="[
        ['key' => 'name', 'label' => 'Name'],
        ['key' => 'email', 'label' => 'Email'],
        ['key' => 'status', 'label' => 'Status'],
    ]"
    :badgeMap="['status' => ['active' => 'success', 'inactive' => 'danger']]"
/>

Grid

<x-oneui::row gap="3">
    <x-oneui::col md="4">Column 1</x-oneui::col>
    <x-oneui::col md="4">Column 2</x-oneui::col>
    <x-oneui::col md="4">Column 3</x-oneui::col>
</x-oneui::row>

Offcanvas

<x-oneui::offcanvas id="cart" title="Shopping Cart" position="end">
    Cart content...
    <x-slot:footer>
        <button class="btn btn-primary w-100">Checkout</button>
    </x-slot>
</x-oneui::offcanvas>

<button data-bs-toggle="offcanvas" data-bs-target="#cart">Open Cart</button>

License

MIT License. See LICENSE for details.

Credits

• Roy
• OneUI by pixelcave