Make Super Moist Dragonfruit Cupcakes for Summer!

The kiddo wanted to try dragonfruit–but she also wanted a “fun summer cupcake”. I was stumped until I came up with these awesome dragonfruit cupcakes! So easy and fun!

easy cupcake with dragonfruit
I love how super moist these dragonfruit cupcakes turned out–they’re amazing!

Dragonfruit Cupcakes

Here at Ruffles and Rain Boots, we adore having this extra time to make things with the kiddo and indulge her in some curiosity that we maybe didn’t have time for before. One of those things is “exploring new foods” we have had dragonfruit before–but maybe not often enough because the kiddo was asking what it was. But she also wanted to make some cupcakes


So, I decided to combine the curiosity and indulge in a cupcake. I mean, why not?! So, if you’re ready to make a moist cupcake with a twist, let’s get started.

closeup of cupcakes made with dragonfruit
No Time to Make This Now? Pin it for Later

You’re busy, I get it. Pin this to your favorite cupcake decorating ideas board on Pinterest and it’ll be here for when you’re ready.

photo collage of super moist dragonfruit cupcake recipe with text which reads easy diy dragonfruit cupcakes

As an Amazon Associate, I can earn from qualifying purchases.

Tips to Make Summer Cupcakes with Dragonfruit

  • Let these easy dragonfruit cupcakes cool completely on the counter before you try frosting them. Warm frosting runs and friends, and this frosting is yummy, but you also want it to be pretty.
  • If you have a “favorite way of making vanilla cupcakes” start there. But if you don’t already have a go-to cupcake recipe, I recommend making our Lazy Girl’s Easy Vanilla Cupcakes. They take less than 30-minutes and use ingredients you likely have on hand.
  • If your heart is just set on it, you can make a cream cheese frosting, sure. But the best, most light and fluffy frosting you can pipe with a decorating bag is this awesome homemade buttercream in this recipe, with confectioners sugar and some dragonfruit mixed in to make a fun pop with those seeds and the flavor you’re gonna love.
cupcakes made with dragonfruit
Love cupcakes and want free recipes?

Get the Internet’s most popular vanilla cupcake recipe, piping tips and hacks, an easy, tasty frosting that WOWS, and the weekly email.

How to Make This Delicious Dragonfruit Cupcake Recipe

Below is the written and printable tutorial for this fun cupcake decorating idea. Use the comments section below if you have any questions.

Yield: 12 Amazingly Moist Dragonfruit Cupcakes

Dragonfruit Cupcakes

easy cupcake with dragonfruit

If you want a super moist cupcake with dragonfruit inside...well, you're about to find that these dragonfruit cupcakes are so amazingly tasty, you're going to flip!

Prep Time 10 minutes
Cook Time 20 minutes
Additional Time 10 minutes
Total Time 40 minutes


  • Batter for 12 of your favorite vanilla cupcakes
  • 12 tbsp dragonfruit (pink or white meat is fine)

Icing Ingredients

  • 1 stick butter, softened
  • 2 cups icing sugar
  • 1-2 tbsp milk
  • 3 tbsp dragonfruit
  • Pink gel food coloring


  1. Bake your cupcake batter per the directions in the recipe. When you pour your batter into your cupcake tins, only fill each halfway, then add a tablespoon of dragonfruit meat, then finish filling with the remainder of the batter. Bake per your recipe. Allow the cupcakes to cool completely before decorating.
  2. To make the frosting, cream together butter, sugar and milk until light and fluffy to make your buttercream frosting. If your buttercream is too thin, add powdered sugar 1 tbsp at a time. If it is too thick, add more milk, ½ tbsp at a time.
  3. Add in the dragonfruit meat and 4-5 drops of pink food coloring then fold it in well.
  4. Scoop the frosting into a decorating bag with large open round tip then ice each cupcake in a big swirl.
  5. If desired, add a slice of dragonfruit to the top and enjoy! photo collage tutorial of how to make dragonfruit cupcakes


For more fun summer cupcake decorating ideas, visit Ruffles and Rain Boots!

Nutrition Information:



Serving Size:


Amount Per Serving: Calories: 170Total Fat: 9gSaturated Fat: 5gTrans Fat: 0gUnsaturated Fat: 3gCholesterol: 25mgSodium: 80mgCarbohydrates: 23gFiber: 0gSugar: 21gProtein: 0g

All nutrition information is estimated. For accuracy, please calculate your exact brands and ingredients if accuracy is desired.

Did you make this yummy recipe?

Please leave a comment or share a photo and tag me @rufflesandrain

More Summer Cupcake Decorating Ideas You Might Like

  • Flamingo Cupcakes - Epic summer parties are always started with a fun flamingo cupcake! I love this easy tutorial!
  • Beach Cupcakes - These cupcakes are perfect for making a real splash at a summer party. So fun and simple--the kids will love making them with you.
  • Lemonade Cupcakes - Every summer begins with a tall glass of lemonade. Turning that feeling and flavor on it's head to make a cupcake? Summer perfeciton.
Please Save This to Pinterest

Your shares are how this site grows and I am sincerely grateful. Know a friend who’d like this? Please share it on Facebook or save it to your favorite cupcake decorating ideas board on Pinterest.

closeup of cupcakes made with dragon fruit with text which reads dragonfruit cupcakes

Leave a Reply

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