Tailwind CSS home page

Showcase

Feastables

Screenshot of the Feastables home page. A header contains the Feastables logo and main site navigation. The hero section shows the packaging for 'Mr Beast Chocolate Chip Cookies' surrounded by an explosion of cookies and milk.
Technologies
Tailwind CSS, Shopify
Date
URL
feastables.com
Go to website

Feastables

A chocolate bar brand from one of the world's biggest YouTube channels.

Feastables is the snack arm of the MrBeast empire. Feastables' mission is to change how you snack with ingredients you can trust (and pronounce). The shop is hosted on Shopify and built using Tailwind CSS.

Screenshot of the Feastables website. A fixed header contains the Feastables logo and main site navigation. Below is a promotion for 'The World’s Biggest Rock Paper Scissors Tournament'. An illustration depicts robots and hairy creatures playing rock paper scissors. In the lower left corner of the screen there is a photograph of Mr Beast holding a wad of cash.
Feature section promoting a rock, paper, scissors tournament with a $50k price.
Screenshot of the 'Milk Chocolate' product page of the Feastables website. The left side of the screen shows a photograph of the Mr Beast Milk Chocolate Bar. The right side contains a product description and an 'Add to cart' button.
The product detail page for Feastables milk chocolate bar.
Mobile screenshot of the Feastables website. The hero section shows the packaging for 'Mr Beast Chocolate Chip Cookies' surrounded by an explosion of cookies and milk.
Mobile screenshot of the 'Milk Chocolate' product page of the Feastables website. There is a photograph of the Mr Beast Milk Chocolate Bar, and below it is a product description and an 'Add to cart' button.
Mobile screenshot of the 'Ultimate Beast Bar Bundle 2.0' product page of the Feastables website. There is a photograph of the product, and below it is a product description and an 'Add to cart' button.
The Feastables website and shopping experience on mobile devices.
Screenshot of the 'About Us' page of the Feastables website. A header contains the Feastables logo and main site navigation. The hero section contains the 'About Us' title with an illustrative background that includes chocolate dripping down from the top.
About us page on the Feastables website.