Designing with Tailwind CSS

Learn to build fully responsive, professionally designed UIs from the creator of the framework.


Designing with Tailwind CSS is a free video series that teaches you how to build fully responsive, professionally designed UIs from scratch using Tailwind CSS.

Together we’ll build Workcation, a property rental app loaded with interesting details that will help you master Tailwind in no time.

What you'll learn

  • Getting Tailwind up and running in your project
  • Building complex application layouts with flexbox
  • Using Tailwind's color, size, and weight utilities to create hierarchy
  • Creating depth in your designs using shadows and layers
  • Flexible positioning techniques for building components that are adaptive instead of static and rigid
  • Implementing custom form styles
  • Extracting reusable components
  • Working with plugins
  • Customizing Tailwind to meet the needs of your design
  • Augmenting Tailwind with JavaScript to make your designs interactive

Ready to start learning?

Tailwind UI is now in early access!