How to Install Tailwind in a Blazor Project (2023)

Tailwind is a highly customizable CSS3 framework based on a utility-first methodology. While Blazor is a front-end SPA (Single Page Application) in .NET Core. In this video, we will see how to integrate Tailwind into a Blazor Project.

Source Code in GitHub (Repository): https://github.com/Pixelx-io/setup-tailwind-blazor

Social Accounts 📥:
Instagram: https://www.instagram.com/pixelx.io
Twitter: https://twitter.com/Pixelx_io
Blog: https://blog.pexelx.io/

Topics In this video 💬:
– What is Tailwind CSS
– What is Blazor in .NET 7
– How to install Tailwind using NPM
– How to set up an NPM pipeline in .NET 7 Blazor WASM project

Resources 📚:
Tailwindcss: https://tailwindcss.com/
Blazor (.NET 7): https://dotnet.microsoft.com/en-us/apps/aspnet/web-apps/blazor

Attributes 🏷️:
A big thanks to Chris who demonstrated how to integrate NPM in a .NET project: https://www.youtube.com/watch?v=9YdxhhgJvrE&ab_channel=dotnet

Hope you enjoy the video 😊