Introducción

Simple de usar, potente en los resultados

OZI-UI es una biblioteca de plugins front-end escrita en JavaScript puro, sin ninguna dependencia de terceros, diseñada para proyectos Laravel con soporte nativo para Livewire 3 y 4 — y que funciona igual de bien en PHP puro.

La filosofía es simple: el dev configura vía HTML, OZI-UI ejecuta. Añades un atributo data-ozi-*, declaras el comportamiento deseado y la biblioteca se encarga del resto — sin escribir JavaScript para las tareas del día a día.

El proyecto nació en 2012 de una necesidad real: eliminar el código repetitivo alrededor de $.ajax. A lo largo de 14 años evolucionó de forma orgánica — cada plugin surgió de un problema concreto en producción, no de una especificación previa. La versión 2.0 cierra ese ciclo: el núcleo fue reescrito por completo en JS puro, y jQuery dejó de ser un requisito.

Cero dependencias, por principio

En la v2 el core, los modules, los components y los behaviors no referencian ninguna biblioteca externa. Los frameworks (jQuery, Livewire, Alpine) viven únicamente en la capa integrations/, y el aspecto visual solo en themes/ — lo que permite que el mismo build funcione con Bootstrap 5, Tailwind 4 o CSS propio cambiando solo la configuración.

Distribuido como IIFE puro — webpack, vite y npm son opcionales. Basta un <script src> y funciona en cualquier proyecto PHP, con o sin Laravel.

¿Vienes de la v1? El markup declarativo y la API pública siguen igual. Lo que cambia está listado en la guía de migración.

Consulta la página de compatibilidad para requisitos detallados.

Plugins

Instalación rápida

Consulta la página de instalación para instrucciones completas.

<!-- 1. OZI-UI — sin ninguna otra dependencia -->
<script src="./plugins/ozi-ui/ozi.js"></script>

<!-- 2. Configuración -->
<script>
    oziConf({
        theme:   'bootstrap5',
        lang:    'es',
        plugins: ['loaddata', 'select', 'toggle']
    });
</script>