Laravilt Grids

Complete grid/card layout system with search, filtering, sorting, and pagination for Laravilt. Display data in flexible grid or card-based layouts with built-in search, filters, and responsive design.

Features

• 📊 Column Types - Text, Image, Badge, Icon columns
• 🎨 Card Layouts - Product, User, Media Gallery, Blog presets
• 🔍 Search & Filter - Full-text search and custom filters
• ↕️ Sorting - Multi-column sorting support
• 📄 Pagination - Built-in pagination with customizable page sizes
• 📱 Responsive - Mobile-friendly responsive layouts
• ⚡ Inertia Integration - Seamless Vue 3 integration

Installation

composer require laravilt/grids

Quick Start

use Laravilt\Grids\Grid;
use Laravilt\Grids\Columns\TextGridColumn;
use Laravilt\Grids\Columns\ImageGridColumn;

Grid::make()
    ->columns([
        ImageGridColumn::make('image')
            ->circular()
            ->imageSize(64),

        TextGridColumn::make('name')
            ->searchable()
            ->sortable(),

        TextGridColumn::make('price')
            ->money()
            ->sortable(),
    ])
    ->searchable()
    ->paginated()
    ->defaultSort('created_at', 'desc');

Generator Commands

# Generate a grid class
php artisan make:grid ProductGrid

# Generate with card layout
php artisan make:grid ProductGrid --card

Documentation

• Complete Documentation - Columns, cards, filters, and examples
• MCP Server Guide - AI agent integration

Column Types

• TextGridColumn - Display text with formatting
• ImageGridColumn - Display images/avatars
• BadgeGridColumn - Status badges with colors
• IconGridColumn - Icons with colors

Card Presets

• product() - Product cards with image, title, price, rating
• user() - User cards with avatar, name, role, stats
• media() - Media gallery cards
• blog() - Blog post cards

Configuration

php artisan vendor:publish --tag="laravilt-grids-config"
php artisan vendor:publish --tag="laravilt-grids-assets"

Testing

composer test

License

The MIT License (MIT). Please see License File for more information.