Re-create Airbnb's Home Page with Tailwind CSS

Continuing my Let's Build: With Tailwind CSS series is another addition where I show you how to re-create Airbnb's home page using only Tailwind CSS.

Download the source code

In this guide, I'll show you how I re-created Airbnb's home page with Tailwind CSS. At the time of recording, Airbnb had a different home page design than what you see today. While that was a big bummer I decided to still release this walk-through. It is a long video but as you might know, I like to be thorough in my approach. I hope you enjoy!

If you decide to follow along be sure to reference the source code linked above to get the assets and reference my final version.

Also, be sure to check out some of my other builds if you like this one:

The Series So Far

• How to Install Tailwind CSS v1.0
• Let’s Build: With Tailwind CSS – Tweet
• Let's Build: With Tailwind CSS - Dribbble Shot
• Lets Build: With Tailwind CSS - Responsive Navbar
• Lets Build: With Tailwind CSS - Movie Production Landing Page
• How to extend Tailwind CSS