Rarible design examples

Rarible

Sign-in screen where the user authenticates by connecting a crypto wallet like Metamask, Torus, or a mobile wallet.

• Sign In

Rarible

Sign-in step where the user must check boxes to confirm their age and accept the terms of service before proceeding.

• Confirmation

Rarible

Sign-in screen where the user must confirm their age and accept the terms of service before completing their wallet connection.

• Verification
• Confirmation

Rarible

Home page of an NFT marketplace displaying a loading modal and skeleton placeholders while fetching top collections and activity data.

• Loading
• Browse

Rarible

Home page of a digital collectibles marketplace where the user can search for items, browse featured artwork, and view top collections ranked by volume over a specific timeframe.

• Browse

Rarible

Marketplace home page where the user browses featured NFT collections and views a notification popover prompting for email setup.

• Home
• Browse

Rarible

Marketplace home page featuring a carousel of NFT collections and a top collections leaderboard, with the user's wallet popover open to display balances and account settings.

• Home
• Leaderboard

Rarible

Profile page where the user's owned items tab is empty, prompting them to browse the marketplace.

• Profile
• Empty State

Rarible

Detail page for an NFT collection featuring a cover image, profile details, and a filterable grid of individual assets.

• Browse
• Media Detail

Rarible

Detail page for an NFT showing its image, creator, owner, properties, and purchase options.

• Media Detail
• Browse

Rarible

Detail page for a specific NFT showing its image, creator, collection, current price, and a list of active bids.

• Media Detail
• Browse

Rarible

Detail page for an NFT displaying an error modal because the user denied the MetaMask message signature during a transaction.

• Error
• Media Detail