Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

NDC Conferences

Building Beautiful Blazor Apps with Tailwind CSS

NDC Conferences via YouTube

Overview

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.

Syllabus

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

Taught by

NDC Conferences

Reviews

Start your review of Building Beautiful Blazor Apps with Tailwind CSS

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.