Skip to content

This template demostrates the integration of tailwindcss with blazor and covers important features like hot-reload and css isolation

License

Notifications You must be signed in to change notification settings

thangchung/blazor-tailwindcss-template

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Blazor + Tailwind

This template demostrates the integration of tailwindcss with blazor and covers important features like hot-reload and css isolation

Features

  • css-isolation works with tailwindcss
  • hot-reload considers tailwind compilation
  • <styles> gets compiled and copied over wwwroot without unused styles when release mode
  • change tailwindcss to use JIT compiler
  • only changed files gets re-compiled
  • make true hot-reload work on sytles.css
  • Remove all references to bootstrap
  • convert template to a real dotnet template
  • create nuget package to add tailwindcss support for already created projects
  • improve performance and make compilation faster

Requirements

  • .NET 6 Preview 3
  • Node.js 14+

About

This template demostrates the integration of tailwindcss with blazor and covers important features like hot-reload and css isolation

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 56.9%
  • CSS 27.4%
  • C# 8.0%
  • JavaScript 7.7%