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

Live Preview

composer require sbarron/button-component

php artisan vendor:publish --tag=button-component-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-component.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 sbarron/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