PHPackages                             omni/ui - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Templating & Views](/categories/templating)
4. /
5. omni/ui

ActiveLibrary[Templating & Views](/categories/templating)

omni/ui
=======

A reusable Blade UI component kit for various projects.

v1.0.0(1y ago)00MITBladePHP ^8.1

Since Jul 1Pushed 1y agoCompare

[ Source](https://github.com/YJoeHadinata/omni-ui)[ Packagist](https://packagist.org/packages/omni/ui)[ RSS](/packages/omni-ui/feed)WikiDiscussions main Synced today

READMEChangelogDependencies (4)Versions (2)Used By (0)

Omni UI - Pustaka Komponen Blade
================================

[](#omni-ui---pustaka-komponen-blade)

**Omni UI** adalah sebuah pustaka komponen antarmuka (UI) yang ringan, modern, dan dapat digunakan kembali, dirancang khusus untuk proyek Laravel yang menggunakan **Tailwind CSS** dan **Alpine.js**. Tujuannya adalah untuk mempercepat proses pengembangan dengan menyediakan komponen-komponen siap pakai yang konsisten dan mudah disesuaikan.

✨ Fitur Utama
-------------

[](#-fitur-utama)

- **Modern & Bersih:** Desain komponen yang elegan dan minimalis.
- **Responsif & Mobile-First:** Semua komponen dirancang untuk terlihat bagus di semua ukuran layar.
- **Dukungan Dark Mode:** Secara otomatis beradaptasi dengan tema terang dan gelap.
- **Dapat Disesuaikan:** Mudah untuk di-override dan diperluas sesuai kebutuhan proyek Anda.
- **Instalasi Mudah:** Cukup instal melalui Composer dan langsung gunakan.

📦 Instalasi
-----------

[](#-instalasi)

Anda dapat menginstal package ini melalui Composer:

```
composer require omni/ui
```

Package ini menggunakan fitur *auto-discovery* dari Laravel, jadi Anda tidak perlu mendaftarkan Service Provider secara manual.

🚀 Penggunaan
------------

[](#-penggunaan)

Setelah terinstal, Anda dapat menggunakan komponen di file Blade Anda dengan prefix `omni::`.

**Contoh Penggunaan Komponen Tombol:**

```

    Tombol Utama

    Tombol Sekunder

```

**Contoh Penggunaan Komponen Input:**

```

```

🎨 Komponen yang Tersedia
------------------------

[](#-komponen-yang-tersedia)

Saat ini, Omni UI menyediakan komponen-komponen berikut:

- **Tombol (``)**: Tombol dengan varian `primary`, `secondary`, dan `danger`.
- **Input Form (``)**: Input teks dengan efek *floating label* yang modern.
- **Tabel (``)**: Tabel data yang sepenuhnya responsif.
- **Alert (``)**: Notifikasi untuk pesan sukses, error, dll.
- **Modal (``)**: Jendela pop-up untuk konfirmasi atau konten tambahan.
- **Dark Mode Toggle (``)**: Tombol interaktif untuk beralih tema.

🤝 Berkontribusi
---------------

[](#-berkontribusi)

Kontribusi dalam bentuk apa pun sangat kami hargai! Jika Anda menemukan bug atau memiliki ide untuk fitur baru, silakan buka *issue* atau kirimkan *pull request*.

📄 Lisensi
---------

[](#-lisensi)

Omni UI dirilis di bawah [Lisensi MIT](https://opensource.org/licenses/MIT). Silakan gunakan, modifikasi, dan distribusikan secara bebas.

###  Health Score

27

—

LowBetter than 47% of packages

Maintenance50

Moderate activity, may be stable

Popularity0

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity45

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

368d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/85ad7914cfc3d6832d241bd0117f11b0805b36afa3e8ff2b927024e38028d437?d=identicon)[YJoeHadinata](/maintainers/YJoeHadinata)

---

Top Contributors

[![YJoeHadinata](https://avatars.githubusercontent.com/u/102919293?v=4)](https://github.com/YJoeHadinata "YJoeHadinata (8 commits)")

---

Tags

laraveluicomponentsbladeomni

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/omni-ui/health.svg)

```
[![Health](https://phpackages.com/badges/omni-ui/health.svg)](https://phpackages.com/packages/omni-ui)
```

###  Alternatives

[moonshine/moonshine

Laravel administration panel

1.3k253.1k81](/packages/moonshine-moonshine)[blade-ui-kit/blade-icons

A package to easily make use of icons in your Laravel Blade views.

2.5k42.5M404](/packages/blade-ui-kit-blade-icons)[psalm/plugin-laravel

Psalm plugin for Laravel

3355.3M345](/packages/psalm-plugin-laravel)[laravel/ai

The official AI SDK for Laravel.

1.0k3.2M193](/packages/laravel-ai)[robsontenorio/mary

Gorgeous UI components for Livewire powered by daisyUI and Tailwind

1.5k570.6k23](/packages/robsontenorio-mary)[tallstackui/tallstackui

TallStackUI is a powerful suite of Blade components that elevate your workflow of Livewire applications.

725173.0k14](/packages/tallstackui-tallstackui)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)