tailwindcss-schematic

Angular Tailwind CSS Schematic

A schematic that makes it easy to use Tailwind CSS with Angular projects. Tailwind CSS provides low-level utility classes that let you build completely custom designs without ever leaving your HTML.

🌎Live Demo

🔗Tailwind

🤔Why Tailwind

Demo App

Getting Started

ng add tailwindcss-schematic

• add all the files, packages, and configuration to use Tailwind CSS with Angular.

Demo page

ng g tailwindcss-schematic:demo

• overwrite a chosen file completely with HTML containing Tailwind CSS markup.
• prompt for a path to an *.html file.
• press enter to select the app.component.html for your default project.

An example repo can be viewed live here.