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….
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>