Building beautiful Blazor apps with Tailwind CSS
summary
Demonstration integrates Tailwind CSS into a Blazor WebAssembly app, showing quick experiments via Tailwind Play CDN and a production workflow with the Tailwind CLI (npm or standalone) and MSBuild targets that run the JIT compiler and minify output. Live builds use Tailwind design tokens (≈22 colors, shades 50–900) instead of hand‑written CSS; examples include a slide‑in animation using translate-x-full→translate-x-0 and a dark‑mode switch that toggles a dark class on <html> and persists the choice to local storage (works in demo).
AI-written summary · about
chapters (4)
related talks
55mBuilding beautiful Blazor apps with Tailwind CSS
59mBuilding beautiful Blazor apps with Tailwind CSS
29mBuilding Beautiful Blazor Apps with Tailwind CSS
25mRapid development with Vue.js and Tailwind
27mBuilding Design Components with Tailwind
37mHijacking CSS with tailwindCSS
31mTailwind CSS: It looks awful, and it works
19mTangled in Tailwind: A love-hate story