Alpha (v0.x) - APIs may change between minor versions

Dashboard for Laravel

Vue 3 components for Laravel dashboards

Vue 3 dashboard components for Laravel with Inertia.js and Bootstrap Vue Next

Get Started View Components

TypeScript First

Full TypeScript support with type-safe forms, composables, and component props

Composition API

Vue 3 Composition API with reusable composables like useForm for validation and submission

Extended Components

Dashboard-ready components: sidebar navigation, tables with pagination, form builders, and layouts

Bootstrap Wrappers

Type-safe wrappers around Bootstrap Vue Next with dynamic slot forwarding and API stability

Laravel Integration

PHP utilities for API responses, form requests, and paginated resources with type-safe interfaces

Customisable Theme

Bootstrap 5 SCSS theme with CSS variables for consistent styling across your application

Installation

NPM Package

npm install @omnitend/dashboard-for-laravel

Composer Package

composer require omnitend/dashboard-for-laravel

Usage

// In your app entry file (app.ts or main.ts)
import '@omnitend/dashboard-for-laravel/theme.css'

// In your components
import { DXDashboard, DButton, useForm } from '@omnitend/dashboard-for-laravel'

const form = useForm({ name: '', email: '' })
await form.post('/api/customers')