⬡ OZI-UI v1.0 — agora no Packagist

Plugins front-end para Laravel/PHP

Biblioteca de componentes declarativos baseados em jQuery. Configure tudo via atributos HTML — sem JavaScript obrigatório. Integração nativa com Livewire 3.

Começar agora → Ver documentação

Laravel Livewire jQuery Bootstrap Tailwind MIT License PHP.*

12

Plugins

1

Linha para instalar

0

JS obrigatório

MIT

Licença

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 no layout


                        <!-- No <head> -->

                        @oziStyles


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

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

                        @oziScripts


                        <!-- Plugin específico -->

                        @oziPlugin('ozi-select')

Por que ozi-ui?

Simples de usar, poderoso nos resultados

Desenvolvido para devs que querem produtividade real — sem complexidade desnecessária.

Declarativo via HTML

Configure os plugins com atributos data-ozi-*. Sem JavaScript obrigatório para casos comuns.

Integração com Livewire

Hooks automáticos no afterRender — os plugins se reinicializam após injeção de conteúdo.

Um comando para tudo

@oziStyles e @oziScripts carregam todos os assets automaticamente.

CSS com tokens

Variáveis --ozi-* para customização fácil. Suporte a tema claro e escuro.

Funciona sem Laravel

Os plugins JS funcionam em qualquer projeto web com jQuery — PHP puro, WordPress, Symfony.

Preparado para IA

oziLoadData como transport layer — qualquer API de IA é só mais um endpoint.

Ecossistema

12 plugins prontos para usar hoje

Do carregamento de dados ao editor WYSIWYG — tudo integrado e consistente.

ozi-autocomplete

Pronto para começar com ozi-ui?

Uma linha para instalar, dois atributos para usar. Documentação completa com exemplos ao vivo.

Ver documentação → ⌥ GitHub