Building Beautiful Blazor Apps with Tailwind CSS

Explore the power of Tailwind CSS for building beautiful Blazor applications in this 55-minute conference talk from NDC Oslo 2021. Learn about the utility-based styling approach of Tailwind CSS and how it differs from traditional frameworks like Bootstrap. Discover how to integrate Tailwind with Blazor and create unique, tailored designs using small, focused CSS classes. Dive into practical code examples, exploring various Tailwind features and techniques to enhance your Blazor app's aesthetics. Cover topics such as inline styles, gradient backgrounds, dark mode implementation, and setting up build targets. Gain insights into creating custom components and leveraging JavaScript modules to further improve your application's visual appeal and functionality.

Intro
Tailwind CSS Basics
Inline Styles
Tailwind CDN
Visual Studio
Gradient Background
Survey Prompt
Create component
Dark mode
Dark mode styling
Dark mode class
Javascript module
Adding dart mode
Setting up the build targets
Final output