⬡ OZI-UI v1.0 — ahora en Packagist

Plugins front-end para Laravel/PHP

Biblioteca de componentes declarativos basada en jQuery. Configure todo via atributos HTML — sin JavaScript obligatorio. Integracion nativa con Livewire 3.

Comenzar ahora → Ver documentacion

Laravel Livewire jQuery Bootstrap Tailwind MIT License PHP.*

12

Plugins

1

Linea para instalar

0

JS obligatorio

MIT

Licencia

Free

100%

Packagist — composer


                        # Instalar

                        composer require ozi-ui/core:v1.0


                        # Publicar assets

                        php artisan vendor:publish --tag=ozi-ui


                        # Verificar

                        php artisan ozi:check

Blade — uso en layout


                        <!-- No <head> -->

                        @oziStyles


                        <!-- Antes do </body> -->

                        <script src="jquery.min.js"></script>

                        @oziScripts


                        <!-- Plugin específico -->

                        @oziPlugin('ozi-select')

Por que ozi-ui?

Simple de usar, poderoso en los resultados

Desarrollado para devs que quieren productividad real — sin complejidad innecesaria.

Declarativo via HTML

Configure los plugins con atributos data-ozi-*. Sin JavaScript para casos comunes.

Integracion con Livewire

Hooks automaticos en afterRender — los plugins se reinician tras inyeccion de contenido.

Un comando para todo

@oziStyles y @oziScripts cargan todos los assets automaticamente.

CSS con tokens

Variables --ozi-* para personalizacion facil. Soporte de tema claro y oscuro.

Funciona sin Laravel

Los plugins JS funcionan en cualquier proyecto con jQuery — PHP puro, WordPress, Symfony.

Listo para IA

oziLoadData como transport layer — cualquier API de IA es solo otro endpoint.

Ecosistema

12 plugins listos para usar hoy

Desde carga de datos hasta editor WYSIWYG — todo integrado y consistente.

ozi-autocomplete

Listo para empezar con ozi-ui?

Una linea para instalar, dos atributos para usar. Documentacion completa con ejemplos en vivo.

Ver documentacion → ⌥ GitHub