...
About Me Contact Us

Perfect strawberry mango cupcakes in 20 mins

By Jordan Bell on April 28, 2026

Close-up of two strawberry mango cupcakes with pink and white swirled frosting and a drizzle of mango glaze.

Okay, get ready for a taste of pure sunshine! I’ve been tinkering in the kitchen, and I’ve landed on something truly special: strawberry mango cupcakes. These aren’t your average store-bought things, oh no. These little beauties pack a punch of sweet, juicy strawberry and tropical mango that just screams summer, no matter what time of year it is. I remember the first time I made these, it was for a neighborhood potluck, and people were raving so hard they practically disappeared before I could even snag one for myself! Trust me, if you’re looking for a dessert that’s both gorgeous and ridiculously yummy, these are it.

Two vibrant strawberry mango cupcakes with colorful swirled frosting and red sprinkles on a white plate.

Why You’ll Love These Strawberry Mango Cupcakes

  • Super Easy to Make: Seriously, you don’t need to be a baking pro for these. They come together in a flash!
  • Bursting with Fruity Flavor: That combo of sweet strawberries and tropical mango is just divine. It’s like summer in every bite!
  • Perfectly Moist Texture: They’re so soft and fluffy, they practically melt in your mouth.
  • Gorgeous Swirl Frosting: The two-toned frosting looks almost too pretty to eat, but trust me, you’ll want to dive right in.
  • Crowd-Pleaser: Perfect for birthdays, picnics, or just because. Everyone adores these!

Ingredients for Delicious Strawberry Mango Cupcakes

Alright, let’s talk ingredients! For these super-duper strawberry mango cupcakes, you’ll want to grab a few things. I always find fresh fruit is best here – it really makes a difference in the flavor. Make sure your butter is softened for the cupcakes and the frosting; it just creams up so much better. Oh, and pro tip from me: pat your fruit dry *really* well before you chop it up. This stops the batter from getting too wet and keeps your cupcakes nice and light, just like these healthy low-sugar blueberry muffins I love!

  • 1 1/2 cups all purpose flour
  • 1 teaspoon baking powder
  • 1/4 teaspoon baking soda
  • 1/4 teaspoon salt
  • 1/2 cup unsalted butter, softened (this is for the cupcakes, not the frosting yet!)
  • 3/4 cup granulated sugar
  • 2 large eggs, at room temperature if you can remember!
  • 2 teaspoons vanilla extract
  • 1/2 cup milk (any kind works!)
  • 3/4 cup fresh strawberries, finely chopped and patted dry
  • 3/4 cup fresh mango, finely diced and patted dry
  • For the swirled frosting:
  • 1/2 cup unsalted butter, softened
  • 2 cups powdered sugar, sifted if you’re feeling fancy
  • 2 tablespoons milk
  • 1 teaspoon vanilla extract
  • 2 tablespoons strawberry puree (just blend some strawberries!)
  • 2 tablespoons mango puree (same trick, blend some mango!)

Step-by-Step Instructions for Perfect Strawberry Mango Cupcakes

Alright, let’s get baking! First thing’s first, preheat your oven to 350°F (that’s 175°C for my friends across the pond). You’ll want to grab a 12-cup muffin tin and pop in those cute little cupcake liners. This is where the magic starts!

In one bowl, whisk together the flour, baking powder, baking soda, and salt. Just give it a good whirl until everything is nicely combined. This makes sure all those leavening agents are spread out evenly, which is super important for a good rise.

Now, in a separate, bigger bowl, beat your softened butter and granulated sugar together. Cream them until they’re nice and fluffy, like a cloud! Then, add in your eggs, one at a time, making sure to mix well after each. Pop in that vanilla extract and give it another good mix.

Here comes the fun part: add your dry ingredients to the wet ingredients in batches. Alternate with the milk, mixing until it’s *just* combined. Seriously, don’t overmix here! A few little lumps are totally fine; overmixing is how you get tough cupcakes, and nobody wants that. We’re aiming for that light, airy texture like in these Victoria sponge cupcakes.

Now, gently fold in your chopped strawberries and diced mango. Be careful not to mash them up too much. You want nice little pockets of fruit throughout your cupcake. This is what gives them that amazing burst of flavor!

Spoon your batter evenly into your prepared cupcake liners. Don’t fill them all the way to the top – about two-thirds full is perfect. This leaves room for them to puff up beautifully in the oven, just like a good Victoria sponge cake.

Bake them for about 18 to 20 minutes. How do you know they’re done? Just pop a toothpick in the center. If it comes out clean, they’re ready! Let them cool in the tin for a few minutes, then transfer them to a wire rack to cool completely. Patience is key here – frosting warm cupcakes is a recipe for disaster (and a melty mess!).

While those cool, let’s whip up the frosting. Beat your softened butter until it’s super smooth. Then, add in your sifted powdered sugar, milk, and vanilla extract. Beat it all together until it’s light and creamy. If it seems too thick, add a tiny splash more milk; too thin, a touch more powdered sugar.

Divide your frosting into two separate bowls. Stir the strawberry puree into one and the mango puree into the other. You want vibrant colors!

Now for the pretty part! Spoon both frostings side-by-side into a piping bag fitted with a star or round tip. When you pipe, the two colors will come out together, creating that gorgeous swirl. Pipe away onto your completely cooled cupcakes and enjoy the taste of summer!

Two delicious strawberry mango cupcakes with swirls of pink and yellow frosting on a white plate.

What to Serve with Your Strawberry Mango Cupcakes

These strawberry mango cupcakes are pretty spectacular on their own, but if you’re looking for a little something extra to complete the experience, here are my go-to pairings. You want things that are light and refreshing, not heavy, so they don’t steal the show from our fruity stars.

A Simple Fruit Salad: Think beyond just strawberries and mango! A mix of berries, melon, and maybe some kiwi tossed with a tiny squeeze of lime is always a winner. It echoes the fresh fruit theme perfectly.

Refreshing Fruit Sparklers: These fizzy drinks are so pretty and just bubbly enough to feel special. They cut through the sweetness of the cupcake without being too overpowering.

Creamy Vanilla Bean Ice Cream: Sometimes, you just can’t beat a classic. A scoop of good vanilla ice cream alongside a cupcake is pure bliss, especially when you let them sit for a minute so the cupcake gets all warm and melty!

A Tall Glass of Sparkling Fruit Punch: If you’re feeling festive, a non-alcoholic punch with hints of citrus and berries is *chef’s kiss*. It’s festive and complements those tropical notes like nothing else.

Storing and Reheating Your Strawberry Mango Cupcakes

Okay, so you’ve made these gorgeous strawberry mango cupcakes and maybe have a few leftovers (though I doubt it!). Storing them is super simple. If they’re already frosted, just pop them into an airtight container. They’ll be happy on the counter for a day or two, but for longer storage, the fridge is your best bet. Keep them in there for up to 4 days. The frosting might firm up a bit in the cold, so if you want it super soft, just let them sit on the counter for about 30 minutes before serving. Reheating isn’t really a thing for cupcakes – we want them nice and fresh! For meal prep, you can totally bake the cupcakes one day and make the frosting the next. Just keep them wrapped up separately until you’re ready to swirl and serve.

Frequently Asked Questions About Strawberry Mango Cupcakes

Got questions about these strawberry mango cupcakes? I’ve got answers! Baking can be tricky sometimes, but don’t you worry, we’ll get you sorted.

Can I use frozen fruit instead of fresh?

You know, you *can*, but it’s not my first choice. If you do use frozen strawberries and mango, make sure they’re thawed and then patted *super* dry. Frozen fruit releases a lot more moisture when it thaws, and too much liquid can make your cupcakes a bit dense. Fresh is definitely best for that perfect light texture! Think about how lovely fresh fruit is in these healthy low-sugar blueberry muffins.

How do I get that beautiful swirl effect with the frosting?

This is the fun part! You just need two piping bags (or one if you’re careful!). Spoon your strawberry frosting into one and your mango frosting into the other. If you’re using one bag, just plop them in side-by-side. Then, pipe onto your cupcakes! The two colors will come out together, creating that lovely marbled effect. It looks fancy, but it’s honestly so easy once you get the hang of it!

Can I make these strawberry mango cupcakes gluten-free?

Absolutely! You can swap out the all-purpose flour for a good quality gluten-free all-purpose baking blend. Make sure it contains xanthan gum, as that helps give the cupcakes structure. It’s pretty much a one-to-one substitution. Give it a try; you might be surprised how well they turn out!

Before You Go

I really hope you give these strawberry mango cupcakes a whirl! They’re such a bright, cheerful treat. Let me know in the comments if you try them, or even better, share your photos on Pinterest! You can find me here. Happy baking!

Print
clock icon cutlery icon flag icon folder icon instagram icon pinterest icon facebook icon print icon squares icon heart icon heart solid icon
Close-up of two strawberry mango cupcakes with swirled pink and white frosting and a mango drizzle.

Strawberry Mango Cupcakes


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

  • Author: Jordan Bell
  • Total Time: 35 min
  • Yield: 12 cupcakes
  • Diet: Vegetarian

Description

Soft, fruity cupcakes with a swirled frosting.


Ingredients

  • 1 1/2 cups all purpose flour
  • 1 teaspoon baking powder
  • 1/4 teaspoon baking soda
  • 1/4 teaspoon salt
  • 1/2 cup unsalted butter softened
  • 3/4 cup granulated sugar
  • 2 large eggs
  • 2 teaspoons vanilla extract
  • 1/2 cup milk
  • 3/4 cup fresh strawberries finely chopped
  • 3/4 cup fresh mango finely diced
  • For the swirled frosting:
  • 1/2 cup unsalted butter softened
  • 2 cups powdered sugar
  • 2 tablespoons milk
  • 1 teaspoon vanilla extract
  • 2 tablespoons strawberry puree
  • 2 tablespoons mango puree


Instructions

  1. Preheat oven to 350 degrees Fahrenheit and line a 12 cup muffin pan with cupcake liners.
  2. Whisk together flour, baking powder, baking soda, and salt in a bowl.
  3. Beat butter and sugar in a separate large bowl until light and fluffy. Add eggs one at a time, mixing well after each addition. Stir in vanilla extract.
  4. Add the dry ingredients in batches alternating with milk, mixing until just combined.
  5. Gently fold in chopped strawberries and mango.
  6. Divide batter evenly among cupcake liners, filling each about two thirds full.
  7. Bake for 18 to 20 minutes until a toothpick inserted in the center comes out clean. Allow cupcakes to cool completely.
  8. For the frosting, beat butter until smooth. Add powdered sugar, milk, and vanilla extract and beat until light and creamy.
  9. Divide frosting into two bowls. Mix strawberry puree into one and mango puree into the other.
  10. Spoon both frostings into a piping bag side by side to create a swirl effect. Pipe onto cooled cupcakes and serve.

Notes

  • Pat fruit dry before adding to the batter to prevent excess moisture and ensure a light texture.
  • Prep Time: 15 min
  • Cook Time: 20 min
  • Category: Dessert
  • Method: Baking
  • Cuisine: American

Leave a Comment

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star


Privacy Policy

Terms of Service

Disclaimer