SYS://VISION.ACTIVE
VIEWPORT.01
LAT 28.0222° N
SIGNAL.NOMINAL
VISION Loading
Interactive Demos

Component Showcase

Try out components, copy the code, and see how they work in real-time

Styled Button Component

Customizable button with variants, sizes, and loading states

Laravel 10+ UI Element
GitHub
Live Preview
composer require mrshanebarron/button

php artisan vendor:publish --tag=button-config
<x-button variant="primary" size="md">
    Click Me
</x-button>

<x-button variant="secondary" size="lg">
    Large Button
</x-button>

<x-button variant="danger" :loading="true">
    Processing...
</x-button>
// config/button.php

return [
    'default_variant' => 'primary',
    'default_size' => 'md',
    'variants' => [
        'primary' => 'bg-purple-600 hover:bg-purple-700',
        'secondary' => 'bg-gray-600 hover:bg-gray-700',
        'danger' => 'bg-red-600 hover:bg-red-700',
    ],
];

Complete Commenting System

Full-featured commenting system with replies, reactions, and moderation

Laravel 10+ Complex System
GitHub
Live Preview
John Doe
This is an example comment showing the commenting system in action.
composer require mrshanebarron/laravel-comments

php artisan vendor:publish --tag=comments-migrations
php artisan migrate

php artisan vendor:publish --tag=comments-config
<x-comments :model="$post" />

// Or in Livewire
<livewire:comments :commentable="$article" />
Features:
- Nested replies (unlimited depth)
- Reactions & likes
- @mentions with notifications
- Moderation tools
- Markdown support
- Real-time updates with Livewire
- Customizable styling
- Spam protection

Explore All Packages

Browse the complete library of 50+ Laravel components with interactive demos.

View Package Library Get Started