# My Muscle Chef: a 3D meal package as the hero

> A product-launch landing page for healthy meals for athletes, where the package is rotated and explored in real time in the browser.

Canonical page: https://andersonmancini.dev/blog/my-muscle-chef-3d-package

Published: 2026-08-19 · 1 min read · Tags: three.js, webgl, packaging, landing-page, launch

Food is one of the hardest things to sell online, because you cannot taste it. My Muscle Chef makes healthy meals engineered for athletes, and this landing page tries a different route: let the **package** do the talking.

![The My Muscle Chef package](https://andersonmancini.dev/images/my_muscle_chef.webp)

## The package is the hero

Built with Three.js, the page turns packaging into the main character. You rotate the product and explore materials, and the real-time render carries the freshness and performance story the brand sells.

## The aim

A focused food-brand concept where nutrition meets premium launch polish, and the meal feels tangible before you open the box.

## Related video

I showed it in a [video about the drinks landing page](https://andersonmancini.dev/videos/three-js-drinks-landing-page-for-my-muscle-chef.md).

## Try it

The page is live at [musclechef-neotix.vercel.app](https://musclechef-neotix.vercel.app/), and the details are on the [project page](https://andersonmancini.dev/projects/interactive-package.md).

## Related projects

- [Interactive Package](https://andersonmancini.dev/projects/interactive-package.md) — 3D demo for My Muscle Chef