• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Home
  • Blog

With Love Kitty

menu icon
go to homepage
  • All Recipes
  • About
  • Contact
    • Facebook
    • Instagram
    • Pinterest
  • subscribe
    search icon
    Homepage link
    • All Recipes
    • About
    • Contact
    • Facebook
    • Instagram
    • Pinterest
  • ×

    Mar 21, 2023 withlovekitty2020

    Mango Cupcakes

    1785 shares
    • Facebook
    • Twitter
    • Email
    Jump to Recipe Print Recipe

    Mangoes have to be almost everyone’s favorite fruit, and these Mango Cupcakes are the perfect way to celebrate the sweet juicy flavor of these guys!

    Mango Cupcake shown up close on a grey kitchen counter.

    This recipe is for delicious soft vanilla cupcakes filled with homemade mango puree, swirled with a vanilla bean frosting, and topped with fresh ripe mangoes. These cupcakes couldn’t get any better!

    If you love bakes that celebrate fruit, have a look at this recipe for Cherry Cupcakes or this recipe for Strawberry Cupcakes.

    Jump to:
    • Ingredients
    • Instructions
    • Instructions for cupcakes
    • Instruction for mango puree
    • Instructions for frosting
    • Instructions for decorating
    • Substitutions
    • Equipment
    • Storage
    • Top tip
    • FAQ
    • 📖 Recipe

    Ingredients

    To make this easy mango cupcake recipe, you will need the ingredients listed below. Remember to always use fresh room temperature ingredients when baking.

    Ingredients for Mango Cupcakes
    • Sunflower oil
    • Extra-large eggs
    • Granulated white sugar
    • Cake flour
    • Salt
    • Baking powder
    • Whole milk
    • Vanilla extract
    • Mangoes
    • Castor sugar
    • Limes
    • Powdered sugar
    • Unsalted butter
    • Vanilla bean paste

    Sunflower oil – these cupcakes use oil instead of butter for extra moistness! Use neutral-tasting vegetable oil for this recipe like sunflower or canola oil.

    Extra-large eggs – out of their shell, the eggs I use weigh 56 grams, if you aren’t sure if you have the same eggs – weigh the eggs you have and adjust accordingly.

    Mangoes – for the best results use ripe delicious mangoes for this recipe. Choosing unripe mangoes will affect the taste of these cupcakes. Frozen mango pieces can also be used.

    Limes – you will need lime juice and lime zest for this recipe. If you can't find limes, use lemon juice and zest instead.

    Vanilla bean paste – this is used in the cupcakes and the frosting, if you can’t find any use a quality vanilla extract.

    See the recipe card for quantities.

    Mango Cupcakes shown from above on a marble background.

    Instructions

    Follow the simple instructions below to make these delicious mango cupcakes. First, you will make the cupcakes, then the fresh mango puree, and then the vanilla buttercream frosting.

    Instructions for cupcakes

    STEP 1: Preheat the oven. Preheat the oven to 170C (340F) and line 24 cupcake cases into two 12-hole muffin pans.

    STEP 2: Beat eggs, sugar, and oil. Add the oil, eggs, and sugar to a bowl of a stand mixer fitted with a whisk attachment. Beat on medium-high speed until light and fluffy, about 4 minutes.

    STEP 3: Add dry ingredients. Sift together the salt, baking powder, and flour then add the flour mixture to the egg and sugar mixture. Beat at low speed until just combined.

    STEP 4: Add milk and vanilla. Combine the milk and vanilla bean paste in a jug, and slowly pour this into the cake batter with the mixer's motor running at low speed. Scrape down the sides of the bowl and mix again, making sure it is lump-free.

    How to make Mango Cupcakes
    How to make Mango Cupcakes

    STEP 5: Bake. Pour the cupcake batter into the cupcake cases using a jug or cookie scoop, filling each case two-thirds of the way up. Bake in a preheated oven for 12 to 15 minutes or until a skewer inserted into the center of the cupcake comes out clean. Allow the cupcakes to cool in their tins for 5 minutes, then to cool completely on a cooling rack.

    How to make Mango Cupcakes
    How to make Mango Cupcakes

    Instruction for mango puree

    STEP 1: Prepare mangoes. Peel and slice 200g of mangoes, then puree the mangoes in a food processor. Pass the puree through a fine mesh sieve to remove any strings.

    STEP 2: Heat mangoes, sugar, and lime juice. In a medium saucepan set over medium heat add the mango puree, lime juice, and castor sugar. Heat until the sugar has melted and the puree has thickened slightly.

    How to make Mango Cupcakes
    How to make Mango Cupcakes

    STEP 3: Cool. Add the mango puree to a glass jar and place it in the fridge to cool and firm up, before adding it to a piping bag.

    Instructions for frosting

    STEP 1: Beat the butter and icing sugar. Add the unsalted butter and icing sugar to a bowl of a stand mixer fitted with a paddle attachment and beat at medium speed until the mixture looks like fine breadcrumbs.

    STEP 2: Combine the milk and vanilla. Add the vanilla bean paste and milk to a small jug.

    STEP 3: Add the milk and vanilla. Slowly pour the milk mixture into the icing sugar and butter mixture with the mixer's motor running. Once all of the milk has been added beat at high speed until light and fluffy, about 5 minutes. Be sure to scrape the sides of the bowl often while mixing. Add the frosting to a piping bag fitted with your chosen nozzle.

    How to make Mango Cupcakes
    How to make Mango Cupcakes

    Instructions for decorating

    STEP 1: Prepare diced mango. Finely dice the remaining mango and add it to a small bowl. Add the lime juice and lime zest and stir to combine.

    STEP 2: Fill the cupcakes. Use an apple corer to remove the center of each cupcake. Fill the center of the cupcake with the cooled mango puree.

    STEP 3: Pipe the frosting. Pipe a frosting circle onto each cupcake's edge, leaving the center empty.

    How to make Mango Cupcakes
    How to make Mango Cupcakes

    STEP 4: Add diced mango. Fill the center of each cupcake with the diced mango, serve, and enjoy!

    Substitutions

    If you can’t find fresh mangoes, you can make this recipe with frozen mangoes. Just thaw them properly before adding them to the top of the cupcakes so that the cupcakes don’t get soggy.

    Equipment

    For these easy mango cupcakes, you will need x2 12-hole muffin tin, 24x paper cupcake cases, a wire rack for cooling, a disposable piping bag, a piping nozzle, and an electric mixer.

    I always use a stand mixer or electric hand mixer to make the buttercream as they help ensure a fluffy frosting.

    Mango Cupcakes shown on a grey kitchen counter.

    Storage

    Cupcakes cool quickly and dry out just as quickly so try to frost them the same day that they are baked. If you don’t have time to decorate the cupcakes the same day as baking them, store them in an airtight container or cover the cupcake trays in plastic wrap until the next day.

    Since these cupcakes are made with fresh fruit, as a filling and as a topping, I suggest eating these cupcakes the day that they are decorated. If you have any left-over store these in the fridge for about 2 days.

    I do not recommend freezing these cupcakes once decorated.

    Top tip

    Follow the top tips below to ensure you are baking the perfect mango cupcakes!

    • Use an oven thermometer to test the true temperature of your oven.
    • Never overfill your cupcake liners, two-thirds is perfect.
    • Allow the cupcakes to cool completely before decorating them.
    • Make sure that mango puree has thickened enough before removing it from the stovetop.

    FAQ

    I don’t have extra-large eggs, what should I do?

    The eggs I use weigh 56 grams, if you aren’t sure if you have the same eggs – weigh the eggs you have and adjust accordingly.

    My mango puree is very runny, what did I do wrong?

    The mango puree needs to reduce on the stove before removing it, also it needs time to thicken up in the fridge before you add it to a piping bag.

    Why isn’t my buttercream fluffy?

    Buttercream frosting needs to be whipped for about 5 to 10 minutes after the milk has been added so that it becomes light and fluffy.

    Mango Cupcake shown on a plate cut in half t show the mango purée center.

    These fresh mango cupcakes are absolutely delicious and the perfect summer cupcake when mangoes are at their best!

    If you give these delicious cupcakes a try please leave a comment and star review below, I would love to hear from you! And don’t forget to follow along @with_love_kitty to make sure you never miss a recipe.

    Happy Baking

    With Love,

    Kitty

    📖 Recipe

    Mango Cupcakes on a grey kitchen counter

    Mango Cupcakes

    These delicious Mango Cupcakes are made from soft vanilla cupcakes filled with homemade mango puree, swirled with a vanilla bean frosting, and topped with fresh ripe mangoes.
    Print Recipe Pin Recipe
    Prep Time 1 hour hr
    Cook Time 30 minutes mins
    Course Cupcakes
    Cuisine American
    Servings 24 cupcakes
    Calories 284 kcal

    Equipment

    • x2 12-hole cupcake tins

    Ingredients
     
     

    Vanilla Cupcakes

    • 120 ml sunflower oil
    • 3 eggs extra large
    • 250 g sugar white
    • 290 g cake flour
    • 1 teaspoon salt
    • 2 tbsp baking powder
    • 270 ml milk whole
    • 2 teaspoon vanilla bean paste

    Mango Purée

    • 200 g mangoes
    • 20 g superfine sugar
    • 1 tbsp lime juice

    Vanilla Bean Buttercream

    • 500 g powdered sugar
    • 160 g unsalted butter
    • 40 ml milk whole
    • 1 tablespoon vanilla bean paste

    Mango Topping

    • 200 g mangoes
    • 1 tablespoon lime juice
    • 2 teaspoon lime zest

    Instructions
     

    Vanilla Cupcakes

    • Preheat the oven to 170°C (340°F) and line 24 cupcake cases into two 12-hole muffin pans.
    • Add the oil, eggs, and sugar to a bowl of a stand mixer fitted with a whisk attachment. Beat on medium-high speed until light and fluffy, about 4 minutes.
    • Sift together the salt, baking powder, and flour then add the flour mixture to the egg and sugar mixture. Beat at low speed until just combined.
    • In a jug combine the milk and vanilla bean paste, and slowly pour this into the cake batter with the mixer's motor running at low speed. Scrape down the sides of the bowl and mix again, making sure it is lump-free.
    • Pour the cupcake batter into the cupcake cases using a jug or cookie scoop, filling each case two-thirds of the way up. Bake in a preheated oven for 12 to 15 minutes or until a skewer inserted into the center of the cupcake comes out clean. Allow the cupcakes to cool in their tins for 5 minutes, then to cool completely on a cooling rack.

    Mango Purée

    • Peel and slice 200g of mangoes, then puree the mangoes in a food processor. Pass the puree through a fine mesh sieve to remove any strings.
    • In a medium saucepan set over medium heat add the mango puree, lime juice, and castor sugar. Heat until the sugar has melted and the puree has thickened.
    • Add the mango puree to a glass jar and place it in the fridge to cool and firm up, before adding it to a piping bag.

    Vanilla Bean Buttercream

    • Add the unsalted butter and icing sugar to a bowl of a stand mixer fitted with a paddle attachment and beat at medium speed until the mixture looks like fine breadcrumbs.
    • Add the vanilla bean paste and milk to a small jug.
    • Slowly pour this into the icing sugar and butter mixture with the motor of the mixer running. Once all of the milk has been added beat at high speed until light and fluffy, about 5 minutes. Be sure to scrape the sides of the bowl often while mixing. Add the frosting to a piping bag fitted with your chosen nozzle.

    Assembly

    • Finely dice the remaining mango and add it to a small bowl. Add the lime juice and lime zest and stir to combine.
    • Use an apple corer to remove the center of each cupcake. Fill the center of the cupcake with the cooled mango puree.
    • Pipe a circle of frosting onto the edge of each cupcake, leaving the center empty.
    • Fill the center of each cupcake with the diced mango, serve, and enjoy!

    Nutrition

    Calories: 284kcalCarbohydrates: 44gProtein: 3gFat: 11gSaturated Fat: 4gPolyunsaturated Fat: 1gMonounsaturated Fat: 6gTrans Fat: 0.2gCholesterol: 36mgSodium: 220mgPotassium: 72mgFiber: 1gSugar: 34gVitamin A: 399IUVitamin C: 6mgCalcium: 85mgIron: 0.4mg
    Keyword buttercream, fruit, mango cupcakes, mangoes, tropical fruit, vanilla bean
    Tried this recipe?Let us know how it was!

    More Cupcakes

    • Dulce de leche cupcakes shown on a kitchen counter, each cupcake is decorated with a dollop of caramel on to top.
      Dulce de Leche Cupcakes 
    • Raspberry Chocolate Cupcakes shown on a kitchen counter.
      Raspberry Chocolate Cupcakes 
    • Chocolate Fudge Cupcakes shown on a white plate on a kitchen counter.
      Chocolate Fudge Cupcakes
    • Images shows a few muffins stacked on a plate, one is sliced in half and you can see the blueberries inside.
      Blueberry Chocolate Chip Muffins 

    Join the List

    Reader Interactions

    Leave a Reply Cancel reply

    Your email address will not be published. Required fields are marked *

    Recipe Rating




    Primary Sidebar

    Cat the blogger behind With Love Kitty

    Hi, I'm Kitty - the face behind the cupcakes! With Love Kitty is where I share baking recipes and kitchen tips to help you be a better home baker.

    More about me →

    Popular

    • Image shows a pile of muffins on a plate, there is a blue coffee cup in the background.
      Cheese and Bacon Muffins
    • Gin spritz cocktail shown on a round wooden plate next to various citrus fruits.
      Gin Spritz
    • Zucchini and feta muffin shown on a blue plate, there are other muffins in the background.
      Zucchini Feta Muffins
    • Image shows the cookies on white parchment paper next to a mug of tea.
      Milk Chocolate Cookies

    Trending Recipes

    • Vanilla Cupcakes
      No-Fail Vanilla Cupcake Recipe
    • Vanilla Cupcakes with Oil shown on a pink counter top, the cupcake in the front is on a speckled plate.
      Vanilla Cupcakes with Oil 
    • A slice of the loaf cake in shown in front of the whole loaf. You can see the crunchy topping.
      Apricot and Almond Loaf Cake
    • Mini Lemon Meringue Tarts shown on a kitchen counter
      Mini Lemon Meringue Tarts 

    Footer

    ↑ back to top

    About

    • Privacy Policy
    • Disclaimer
    • Terms & Conditions

    Newsletter

    • Sign Up

    Contact

    • Contact

    Copyright © 2025 With Love Kitty