Tanıtım
Acun UI, Laravel ile yönetim paneli ve iş uygulaması yazanlar için hazır bir arayüz kitidir.
Acun UI nedir?
Her projede baştan yazılan düzen, menü, form, tablo ve bildirim parçalarını tek, tutarlı ve erişilebilir bir sette toplar. Bileşenler Tailwind CSS 4 ile çizilir, Alpine.js ile etkileşim kazanır ve Livewire 4 ile sunucuya bağlanır. Sayfalarınızı Blade ile yazarsınız:
<acun:card title="Hoş geldiniz">
<acun:button>Başlayın</acun:button>
</acun:card>
Kimler için?
Laravel'i temel düzeyde bilen ve yönetim paneli, müşteri paneli ya da şirket içi bir araç yazan geliştiriciler ve ekipler için. Arayüzü sıfırdan tasarlamadan, hazır parçalarla hızlı ilerlemek isteyenler için.
Kutudan neler çıkar?
- Tema: satın aldığınız zip'te iki hazır Laravel uygulaması vardır: bütün demo sayfalarıyla full sürüm ve temiz bir başlangıç için starter kit.
- Düzenler: dikey (kenar menülü) ve yatay panel düzeni, giriş ve kayıt sayfaları için iki düzen, 404 · 403 · bakım gibi mesaj sayfaları.
- Menü ve arama: tek bir JSON dosyasından çizilen menü. Mobil çekmece ve ⌘K komut paleti araması aynı tanımdan gelir.
- Bileşenler: düğme, form alanları, kart, tablo, pencere (modal), çekmece, bildirim, avatar, sekmeler, grafik, harita ve daha fazlası; hepsi
acun:*adıyla. - Liste sayfaları: arama, sıralama, filtre, sayfalama ve toplu seçimi hazır getiren
WithListingve sınıf tabanlı DataTable. - Formlar: kaydedilmemiş değişiklik koruması, doğrulama hatalarının kendiliğinden gösterimi, form penceresi ve işlem çubuğu.
- Görünüm: açık ve koyu tema, tek değişkenle değişen ana renk, çerçeveli görünüm, koyu menü ve kullanıcının tercihlerini saklayan görünüm paneli.
- Türkçe: Türkçe arayüz metinleri ve Türkçe harfleri doğru eşleştiren arama ("ayse" yazınca "Ayşe" bulunur).
Bileşenlerin canlı örnekleri için Tüm bileşenler sayfasına bakın.
Ücretsiz ve PRO
Acun UI üç paketten oluşur; üçü de temanın zip'inde packages/acun-ui/ klasöründe gelir:
| Paket | İçinde |
|---|---|
@acunsoft/acun-ui-core |
Tema katmanı (CSS) ve temel JavaScript; Laravel'e bağlı değildir |
acunsoft/acun-ui-free |
Ücretsiz Blade bileşenleri: düzenler, JSON menü dahil menüler, temel kartlar, standart arayüz bileşenleri, temel form alanları ve tablo |
acunsoft/acun-ui-pro |
PRO: gelişmiş arayüz bileşenleri ve form alanları, DataTable, liste sayfaları, form penceresi, grafik, harita; kendi CSS ve JavaScript'iyle |
Doküman menüsünde ve bileşen sayfalarının başlığında PRO ile işaretlenen bileşenler PRO paketindedir. PRO ayrı satılmaz; Acunsoft temalarıyla birlikte gelir. Bileşen adları iki pakette de aynı biçimdedir. Paketlerin içi Klasör yapısı sayfasında anlatılır.
Gereksinimler
| Tema | Mevcut projeye eklerken | |
|---|---|---|
| PHP | 8.3 ve üzeri | 8.2 ve üzeri |
| Laravel | 13 (temayla gelir) | 11, 12 ya da 13 |
| Livewire ve Tailwind CSS | 4 (temayla gelir) | Livewire 4, Tailwind CSS 4 (@tailwindcss/forms eklentisiyle) |
| Node.js | 20.19+ ya da 22.12+; yalnızca yeniden derlerken | Aynı; Vite ile derlemek için |
Bütün paketler ve sürümleri Bağımlılıklar sayfasındadır.
Sonraki adım
Temayı çalıştırmak için Hızlı başlangıç sayfasına geçin. Acun UI'yi var olan bir projeye ekleyecekseniz Mevcut projeye ekleme sayfasına bakın.