Tailwind CSS en Laravel

Laravel

Tailwind CSS es un framework de CSS de código abierto para el diseño de páginas web. La principal característica de esta biblioteca es que, a diferencia de otras como Bootstrap, no genera una serie de clases predefinidas para elementos como botones o tablas….

Integración con Laravel

Si queremos aplicarla a una sola vista, nos bastará con incluir la dirección del CDN:

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <script src="https://unpkg.com/@tailwindcss/browser@4"></script>  
    </head>
    <body>
        <!-- Breathing in, I calm body and mind. Breathing out, I smile. - Thich Nhat Hanh -->
         <div class="max-w-4xl mx-auto px-4">
            <div class="p-4 mb-4 text-sm text-blue-800 rounded-lg bg-blue-50 dark:bg-gray-800 dark:text-blue-400" role="alert">
                <span class="font-medium">Hola, caracola!</span> Change a few things up and try submitting again.
            </div>
        </div>
    </body>
</html>