goognet / ui

v0.1.0 2026-09-16 19:06 UTC

Requires

• php: ^8.4
• andreiio/blade-remix-icon: ^3.9
• blade-ui-kit/blade-heroicons: ^2.7
• blade-ui-kit/blade-icons: ^1.10
• illuminate/support: ^13.0
• illuminate/view: ^13.0

Requires (Dev)

• larastan/larastan: ^3.12
• laravel/pint: ^1.32
• orchestra/testbench: ^11.2
• pestphp/pest: ^5.2
• pestphp/pest-plugin-laravel: ^5.0
• pestphp/pest-plugin-rector: ^5.0
• rector/rector: ^2.6

MIT

• Goognet Solução Digital

• ui
• components
• laravel
• blade
• tailwindcss

Published on Packagist.org on 2026-09-16 19:43 UTC

README

Componentes Blade para Laravel e Tailwind CSS v4: navegação, avaliação, carrossel, galeria, mídia, modal e mais — acessíveis (WCAG 2.2) e com filtro de URL em todo href e src.

Requisitos

• PHP 8.4+
• Laravel 13
• Tailwind CSS 4 com Vite

Instalação

composer require goognet/ui
npm install swiper fslightbox
php artisan vendor:publish --tag=goognet-ui-config

CSS — resources/css/app.css:

@import 'tailwindcss';
@import '../../vendor/goognet/ui/resources/css/ui.css';

@theme {
    /* cores da marca: todos os componentes acompanham */
    --color-primary-500: var(--color-blue-500);
}

JavaScript — resources/js/app.js:

import { initUi } from '../../vendor/goognet/ui/resources/js';

initUi();

Uso

<x-ui.button variant="primary" href="/contato">Fale conosco</x-ui.button>

<x-ui.gallery :columns="['base' => 2, 'md' => 4]" lightbox="obras">
    <x-ui.gallery-item src="obra-1.jpg" alt="Fachada" />
</x-ui.gallery>

O prefixo ui. é configurável em config/goognet-ui.php ('gn-' → <x-gn-button>).

Catálogo

Fora de produção, /dev/components lista todos os componentes com exemplos renderizados e props lidas do código.

Configuração

config/goognet-ui.php reúne prefixo, segurança (esquemas e hosts de iframe), dados da empresa, redes sociais, menu, WhatsApp e o catálogo.

Imagens e vídeos responsivos

x-ui.image e x-ui.video-background usam as variantes geradas no build do site (foto-400.webp, video.webm). Sem esse passo no vite.config.js, a imagem sai sem srcset e o vídeo não encontra os arquivos.

Testes

composer test

Licença

MIT. Veja LICENSE e, para reportar falhas de segurança, SECURITY.md.