tailwindcss-schematic

Add TailwindCSS to an Angular project

Usage no npm install needed!

<script type="module">
  import tailwindcssSchematic from 'https://cdn.skypack.dev/tailwindcss-schematic';
</script>

README

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.

npm

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