Introduction

Simple to use, powerful in results

OZI-UI is a front-end plugin library written in pure JavaScript, with no third-party dependencies, designed for Laravel projects with native Livewire 3 and 4 support — and equally at home in plain PHP.

The core philosophy is simple: you configure in HTML, OZI-UI does the work. Add a data-ozi-* attribute, declare the behavior you want, and the library handles the rest — no JavaScript required for everyday tasks.

The project started in 2012 out of a real need: eliminating the boilerplate around $.ajax. Over 14 years it grew organically — each plugin came from a concrete production problem, not from an upfront specification. Version 2.0 closes that loop: the core was rewritten in pure JS, and jQuery is no longer a requirement.

Zero dependencies, by design

In v2 the core, modules, components and behaviors reference no external library. Frameworks (jQuery, Livewire, Alpine) live only in the integrations/ layer, and styling only in themes/ — which is what lets the same build run on Bootstrap 5, Tailwind 4 or your own CSS by changing nothing but configuration.

Distributed as a plain IIFE — webpack, vite and npm are optional. Load it with a <script src> and it works in any PHP project, with or without Laravel.

Coming from v1? The declarative markup and the public API are unchanged. What does change is listed in the migration guide.

See the compatibility page for detailed requirements.

Plugins

Quick install

See the installation page for full instructions.

<!-- 1. OZI-UI — no other dependency required -->
<script src="./plugins/ozi-ui/ozi.js"></script>

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