Tailwind CSS 主页

展示

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.
技术
Tailwind CSS、Next.js、React
日期
网址
nft.coinbase.com
访问网站

Coinbase NFT

Coinbase 官方 NFT 市场。

Coinbase NFT 是 Coinbase 自有的 NFT 市场，您可以在其中发现新的和流行的 NFT 集合。Coinbase NFT 网站是一个使用 Tailwind CSS 构建的 Next.js 应用程序。

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.
产品概述页面，具有多种显示选项和左侧的筛选面板。
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.
Coinbase NFT 网站在移动设备上的体验，包括筛选面板的外观。
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.
产品详情页面，显示单个 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.
趋势 NFT 列表，包含有关价格和交易量的信息。