Tailwind CSS home page

Showcase

The Verge

Screenshot of the Verge home page. The header contains the Verge logo and main site navigation. The Verge logo is also displayed down the left side of the screen, on its side. The featured article's title and image is in the center of the screen. On the right side there is a 'storystream' with blocks of text summarising additional stories.
Technologies
Tailwind CSS, Next.js, React
Date
URL
www.theverge.com
Go to website

The Verge

Technology news for more than 50 million monthly readers.

The Verge is a technology news website owned by Vox Media. The Verge website was recently redesigned, and the new site is a Next.js app built using Tailwind CSS.

Screenshot of the 'Entertainment' section of the Verge website. The page title is displayed in large lettering at the top of the screen. Below is an introduction paragraph followed by two side-by-side images from entertainment articles.
The heading of the Entertainment category, or tag, on the Verge website.
Screenshot of an article on the Verge website. The header contains the Verge logo and main site navigation. The article title is displayed in large lettering alongside a summary paragraph and article meta data such as authors, publish date, category, and number of comments. In the lower half of the screen is a featured image.
An article heading on the Verge website, with article metadata and sharing options to the left. The category, or tag, is shown above the headline.
Mobile screenshot of the Verge home page. The header contains the Verge logo and a menu button. The featured article's title, summary, and image appear in the center of the screen. Underneath is a 'storystream' containing additional articles.
Mobile screenshot of the Verge site navigation. The navigation covers the whole screen and has a search bar and close button at the top. Below that is a list of page links to the various site sections such as 'Science' or 'Reviews'.
Mobile screenshot of an article on the Verge website. The header contains the Verge logo and a menu button. The article title is displayed in large lettering alongside a summary paragraph and article meta data such as authors, publish date, category, and number of comments. In the lower half of the screen is a featured image.
The Verge reading experience on mobile devices, including what the site navigation looks like.
Screenshot of an article on the Verge website. The header contains the Verge logo and main site navigation. The article title is displayed in large lettering alongside a summary paragraph and article meta data such as authors, publish date, category, and number of comments. On the left side of the screen is a featured image.
An article where the featured image is shown to the left of the heading instead of below it.
Screenshot of the Verge home page. The visible section lists articles in two columns. In the first column article titles are accompanied by small square images. On the right side (labelled 'Must Reads') articles are numbered one through five from top to bottom.
A section with links to articles in different categories and a list of must-read articles.