Tailwind CSS home page

Showcase

Coinbase NFT

Screenshot of the Coinbase NFT home page. The header contains the Coinbase logo, a search bar, main site navigation, and a 'Sign in' button. The hero section has a background image relating to the featured NFT drop, and a 'View Drop' button in the center.
Technologies
Tailwind CSS, Next.js, React
Date
URL
nft.coinbase.com
Go to website

Coinbase NFT

The official Coinbase NFT marketplace.

Coinbase NFT is Coinbase's own NFT marketplace where you can discover new and trending NFT collections. The Coinbase NFT website is a Next.js app built using Tailwind CSS.

Screenshot of the Coinbase NFT 'Shop' page. The header contains the Coinbase logo, a search bar, main site navigation, and a 'Sign in' button. A sidebar contains product filters such as 'Search' and 'Price range'. Products for sale are displayed in a grid layout with four columns. Each item has an image, name, price, and author.
Product overview page with multiple display options and a filter panel on the left side.
Mobile screenshot of the Coinbase NFT home page. The header contains the Coinbase NFT logo, a search button, and a menu button. The hero section has a background image relating to the featured NFT drop, and a 'View Drop' button in the center. Underneath is a list of trending NFT collections, and each item has a square image along with a name and a price. There are dropdowns above the list to apply filters.
Mobile screenshot of the Coinbase NFT shop filter overlay. The overlay covers most of the screen and contains filters such as 'Search' and 'Price range'. At the bottom of the screen are buttons to 'Clear' or 'Apply' the filters.
The Coinbase NFT website experience on mobile devices, including what the filter panel looks like.
Screenshot of a Coinbase NFT product page. The header contains the Coinbase logo, a search bar, main site navigation, and a 'Sign in' button. The main part of the page is arranged in two columns. An image of the product is on the left side, and on the right is the name and description of the product. Underneath is the collection the product belongs to and its author.
Product detail page showing a single NFT.
Screenshot of the Coinbase NFT 'Trending' page. The header contains the Coinbase logo, a search bar, main site navigation, and a 'Sign in' button. Below is a table where each row is a trending collection. Each table row contains statistics such as number of owners and number of items, and a small image representing the collection.
List of trending NFTs with information about price and volume.