
This sweet tropical mug cake captures sunshine in just a few minutes and is perfect for soothing a dessert craving. The juicy pineapple becomes extra flavorful when caramelized by brown sugar and butter, and a tender cake batter steams up right in your microwave.
This cake has saved me from so many late-night sweet cravings. It is a fun way to get a taste of summer any time of year and my friends still talk about the first time I served them this at a movie night.
Ingredients
- Canned pineapple ring: gives the mug cake its signature juicy tropical layer use rings packed in juice for best flavor
- Brown sugar: is what creates the sticky caramel bottom try to use fresh soft sugar for best melting
- Butter: adds richness and gives that classic upside-down flavor real butter or a quality vegan alternative both work
- Yellow cake mix: offers speed and ensures a fluffy texture pick your favorite brand with a rich vanilla aroma
- Milk: brings the batter together and makes it tender use whole or plant-based milk
Instructions
- Prepare the Mug:
- Place the butter and brown sugar in a microwave-safe mug. Heat in the microwave for about 20 seconds until the butter melts. Swirl gently until the sugar and butter are evenly combined to create a caramel base.
- Add the Pineapple:
- Carefully lay the pineapple ring right into the mug so it sits flat on top of the buttery sugar mixture. Press down lightly so it nestles in and will soak up extra caramel flavor.
- Make the Batter:
- In a separate small bowl stir together the yellow cake mix and milk until very smooth. Make sure there are no lumps and the texture is pourable but not runny.
- Assemble and Cook:
- Pour the cake batter gently over the pineapple in the mug. Microwave on high for one to two minutes. The cake should look risen and firm and the edges should pull away from the mug. Cool for at least one minute before enjoying.
- Finishing Touches:
- Top with whipped cream or a maraschino cherry right before serving for the full tropical sundae effect. A drizzle of coconut cream takes it over the top.

The pineapple ring is my favorite part. I loved fishing out that golden fruit bite as a kid when my grandmother baked classic upside-down cake. Making it in a mug brings back those memories without all the effort or dishes.
Storage Tips
Since this is a single mug cake it is best enjoyed right after cooking but you can cover and refrigerate for up to two days. Reheat in the microwave for fifteen to twenty seconds before eating. Top with a fresh dollop of whipped cream if you like.
Ingredient Substitutions
If you do not have yellow cake mix a homemade quick batter with flour sugar baking powder and vanilla works in a pinch. Sub coconut oil for butter to amp up tropical notes. Try sliced peaches or mango if you are out of pineapple.
Serving Suggestions
Enjoy as is or alongside a scoop of cold vanilla ice cream. Garnish with toasted coconut flakes or a pinch of lime zest to brighten it up. Serve for brunch or as a dessert for an impromptu dinner party for one.
Cultural and Historical Context
Pineapple upside-down cake has roots in American home baking from the early twentieth century. This mug version takes inspiration from classic retro desserts but adds modern ease and island flavors. Pineapples became an icon of hospitality making this treat extra perfect for sharing with a guest.
Seasonal Adaptations
Swap in fresh pineapple chunks during summer months for extra brightness. Use a teaspoon of warm spices like cinnamon or ginger in the batter for a cozy winter twist. Top with fresh berries in spring for added color and freshness.

This sunny mug cake is the quickest way to a tropical treat, any time you crave something sweet. Just a mug, a microwave, and a few pantry staples and you are headed for dessert bliss in minutes.
Recipe FAQs
- → Can I use fresh pineapple instead of canned?
Yes, fresh pineapple slices work well; just ensure they're cut to fit your mug and pat dry to avoid excess moisture.
- → How do I make this dairy-free?
Use dairy-free milk and swap the butter for a plant-based alternative. Check that your cake mix is also dairy-free.
- → Can I add flavors to the batter?
Absolutely! Try adding a drop of vanilla or coconut extract for extra tropical notes in your cake batter.
- → What toppings pair well with this mug cake?
Whipped cream, a maraschino cherry, or a sprinkle of toasted coconut all complement this fruity dessert wonderfully.
- → Is gluten-free cake mix suitable?
Yes, a gluten-free yellow cake mix can be used. Double-check the other ingredients for allergens as needed.