Andy from Webcrunch

Subscribe for email updates:

Portrait of Andy Leverenz
Andy Leverenz

October 30, 2019

Last updated November 5, 2023

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

Link this article
Est. reading time: 1 minutes
Stats: 6,095 views

Collection

Part of the Let's Build: With Tailwind CSS collection