Distilled top resources to get up to speed and building with Tailwind CSS

Tailwind CSS in an Afternoon

Tailwind is a utility-first CSS framework for building websites. It takes a functional approach to web design by providing thousands of tiny classes to use directly in your HTML. Learn why web developers love tailwind in this quick breakdown.

Tailwind in 100 Seconds

Everything you need to get up and running with Tailwind CSS, taught by Simon from the Tailwind Labs team.

Tailwind CSS: From Zero to Production

Tailwind CSS IntelliSense Plugin

Beautiful UI components, crafted with Tailwind CSS

Over 400+ professionally designed, fully responsive, expertly crafted component examples you can drop into your Tailwind projects and customize to your heart’s content. Get started by checking out our free preview components, or browsing all of the examples in the categories you're most curious about.

Tailwind UI

How to build a landing page with Tailwind CSS, Tailwind UI, Vite.js

Searchable Tailwind utility class cheatsheet

Playlist

Tailwind CSS in an Afternoon