laravilt/grids

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

1.0.0 2025-12-02 12:57 UTC

Requires

• php: ^8.3|^8.4
• laravilt/query-builder: ^1.0
• laravilt/support: ^v1.0
• spatie/laravel-package-tools: ^1.14

Requires (Dev)

• larastan/larastan: ^2.9||^3.0
• laravel/pint: ^1.14
• nunomaduro/collision: ^8.1.1||^7.10.0
• orchestra/testbench: ^10.0
• pestphp/pest: ^3.0
• pestphp/pest-plugin-arch: ^3.0
• pestphp/pest-plugin-laravel: ^3.0
• pestphp/pest-plugin-livewire: ^3.0
• pestphp/pest-plugin-type-coverage: ^3.5
• phpstan/extension-installer: ^1.3||^2.0
• phpstan/phpstan-deprecation-rules: ^1.1||^2.0
• phpstan/phpstan-phpunit: ^1.3||^2.0

MIT

• Fady Mondy

• search
• pagination
• laravel
• layouts
• filters
• cards
• grids
• vue
• inertia
• laravilt

README

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.