Que es TailwindCSS?

Un framework de CSS lleno de clases ya predefinidas como grid, container, text-center y rotate-90 que se pueden componer para construir cualquier diseño, directamente en el HTML.

devpato

Ventajas de TailwindCSS

Más tiempo para tu lógica de negocios
Ya tienen las clases hechas para ti, solo combínalas
Las clases de agregan en el HTML como cualquier clase de CSS
Muy ligero
Mobile first
Extendible y modificable
Usalo en la "vieja escuela"
Extensión para tu IDE

devpato

Instala Tailwind en tu Angular app

Schematic ngneat/tailwind - Angular <= 11.2.0
El nuevo soporte en Angular >= 11.2.0

devpato

ngneat/tailwind

devpato

ng add @ngneat/tailwind

ngneat/tailwind

devpato

<body class="dark">
  <app-root></app-root>
</body>

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

Index.html

styles.scss

Tailwind en Angular >= 11.2.0

devpato

Recursos

devpato

https://tinyurl.com/8az0bst3

Tutorial

Github Repo

https://tinyurl.com/1938633f