Tropical Pineapple Upside-Down Mug Cake

Featured in: Evening Glow Plates

Indulge in a sunny, single-serve treat with this tropical upside-down mug cake. Featuring sweet pineapple, buttery brown sugar, and a fluffy yellow cake base, it’s a quick and delightful dessert you can whip up in just a few minutes using your microwave. Simply layer the vibrant ingredients in a mug, heat, and top as desired—no oven required. Perfect for satisfying a fruity dessert craving with minimal prep and kitchen tools required.

Updated on Fri, 29 Aug 2025 08:15:43 GMT
A cup of pineapple upside-down cake with whipped cream on top. Save
A cup of pineapple upside-down cake with whipped cream on top. | cheerfulchefs.com

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.
A cup of pineapple upside-down cake with whipped cream. Save
A cup of pineapple upside-down cake with whipped cream. | cheerfulchefs.com

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.

A cup of pineapple upside-down cake with whipped cream on top. Save
A cup of pineapple upside-down cake with whipped cream on top. | cheerfulchefs.com

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.

Tropical Pineapple Upside-Down Mug Cake

Fruity mug cake with pineapple and brown sugar, ready in 7 minutes for an instant sweet treat.

Prep Time
5 minutes
Cook Time
2 minutes
Overall Time
7 minutes
Creator Ruby Smiles

Recipe Type Evening Glow Plates

Skill Level Easy

Cuisine Background Tropical-Inspired

Portions 1 Serves

Dietary Preferences Vegetarian-Friendly

What You’ll Need

Base

01 1 canned pineapple ring
02 1 teaspoon brown sugar
03 1 teaspoon unsalted butter

Cake Batter

01 3 tablespoons yellow cake mix
02 2 tablespoons milk

Step-by-Step Guide

Step 01

Prepare Sugar Mixture: Combine butter and brown sugar in a microwave-safe mug and microwave for 20 seconds until melted.

Step 02

Arrange Pineapple: Set the pineapple ring over the melted sugar mixture in the mug.

Step 03

Mix Cake Batter: In a small bowl, blend yellow cake mix with milk until smooth. Pour the batter over the pineapple ring in the mug.

Step 04

Cook and Serve: Microwave the mug on high for 1 to 2 minutes until the cake has set. Cool slightly before eating.

Tools You’ll Need

  • Microwave-safe mug
  • Spoon
  • Small bowl

Potential Allergens

Inspect ingredients for specific allergens and contact a professional for concerns.
  • Contains gluten and dairy. Substitute with gluten-free cake mix and non-dairy milk for dietary needs.

Nutritional Details (Per Serving)

Provided as supportive info; always cross-check with your healthcare provider.
  • Calories: 210
  • Fats: 7 grams
  • Carbohydrates: 35 grams
  • Proteins: 2 grams