Pengenalan LaraLiveUI
LaraLiveUI adalah library komponen UI untuk aplikasi Laravel Livewire yang dibangun dengan Tailwind CSS v4. Menyediakan 40+ komponen gratis dan open-source untuk mempercepat pengembangan antarmuka pengguna.
Fitur Utama
- 40+ Komponen Gratis — Accordion, Button, Modal, Table, Dropdown, Date Picker, dan banyak lagi
- Tailwind CSS v4 — Komponen modern dengan utility-first CSS
- Livewire Native — Terintegrasi penuh dengan Livewire v3/v4
- Heroicons — 300+ ikon SVG siap pakai
- Dark Mode — Dukungan tema gelap bawaan
- Custom Tag Compiler — Gunakan sintaks
<laraliveui:button>di Blade - Komponen Bersarang — Dot notation untuk sub-komponen (
<laraliveui:modal.dialog>) - MIT License — Gratis untuk penggunaan komersial
Dua Cara Penggunaan
| Metode | Deskripsi |
|---|---|
| Library | Install ke proyek Laravel yang sudah ada: composer require elnasnato/laraliveui |
| Starter Kit | Buat proyek baru: composer create-project elnasnato/laraliveui-starter-kit |
Persyaratan Sistem
- PHP ^8.1
- Laravel ^10.0
- Livewire ^3.7.4
- Tailwind CSS ^4.0
- Node.js (untuk build assets)