Tailwind CSS home page

Showcase

Netflix – Global Top 10

Screenshot of the Netflix Top 10 website. The header contains the Netflix logo and a search bar. The page title is displayed in large lettering and at the bottom of the screen there is a carousel of images showing the top 10 English films.
Technologies
Tailwind CSS, Next.js, React
Date
URL
top10.netflix.com
Go to website

Netflix – Global Top 10

The official list of most-watched films and TV shows on Netflix.

The Netflix Global Top 10 website features weekly lists of the globally most-watched TV and films on Netflix. The website is built with Tailwind CSS and Next.js / React.

Screenshot of the Netflix Top 10 website. The visible section contains an image carousel showing the top 10 English films. The fourth image is active and the number four is displayed to the side in large text. Below the film titles are listed in order along with the total hours viewed for each.
A carousel showing the top ten most-watched films this week on Netflix.
Mobile screenshot of the Netflix Top 10 website. The header contains the Netflix logo and a search bar. The page title is displayed in large lettering and in the center of the screen there is a carousel of images showing the top 10 English films. Below the film titles are listed in order along with the total hours viewed for each.
Mobile screenshot of the Netflix Top 10 website. The visible section lists the countries in which 'End of the Road' appears in the top 10 films on Netflix. There are two separate lists, one for the Americas and one for Europe.
The Global Top 10 website experience on mobile devices.
Screenshot of the Netflix Top 10 website. The visible section shows three columns of films. For each film there is a list of countries in which the film appears in the top 10 on Netflix. The countries are grouped by continent.
Detail view showing in which countries a film was in the top ten this week.