Boost Your TALL Stack Development with TallCraftUI

TallCraftUI is a Laravel blade UI components library for the TALL Stack (TailwindCSS, Alpine.js, Laravel, Livewire), offering 20+ beautifully crafted, customizable components. 

composer require developermithu/tallcraftui
Get started

# Basic form

@gmail.com
https:// 
@php
    $users = App\Models\User::pluck('name', 'id')->take(5);
@endphp
 
@if ($errors->any())
    <x-alert :errors="$errors->all()" red />
@endif
 
<form wire:submit="createUser" class="space-y-4">
    <x-input label='Name *' wire:model="name" placeholder="Name" icon="user" />
    <x-input label='Email *' wire:model="email" placeholder="Email" suffix="@gmail.com" />
    <x-input label='Portfolio *' wire:model="portfolio" prefix="https://" placeholder="example.com" />
    <x-select label='Users' wire:model="user_id" :options="$users" />
    <x-toggle wire:model='terms' label="Accept the terms and conditions *" />
 
    <div class="flex justify-end">
        <x-button label="Submit" spinner="createUser" />
    </div>
</form>

Breeze vs Jetstream vs TallCraftUI

# Breeze 

<x-input-label for="name" :value="__('Name')" />
<x-text-input wire:model="name" id="name" class="block w-full mt-1" type="text" name="name" required />
<x-input-error :messages="$errors->get('name')" class="mt-2" />

# Jetstream 

<x-label for="name" value="{{ __('Name') }}" />
<x-input id="name" class="block w-full mt-1" type="text" name="name" :value="old('name')" required />

# TallCraftUI 

<x-input label="Name *" wire:model="name" />