Banana Cupcake Recipe Philippines: Ube-Inspired Moistness With Crunchy Top

This banana cupcake recipe Philippines brings a taste of Filipino home baking to your kitchen with ube-inspired sweetness and a crispy top that’ll make you reach for seconds. 💛 The secret? A blend of ripe saba bananas and purple yam (ube) puree for that signature moist texture and vibrant color—no one will guess these are homemade. I developed this recipe after years of perfecting the balance between tender crumb and that satisfying crunch on top, inspired by my grandmother’s baking techniques.

The magic happens with a few key ingredients: ripe bananas for natural sweetness, ube for that signature purple hue and earthy depth, and a simple crunchy topping made with crushed graham crackers and butter. Filipino flavors shine through with a hint of pandan extract in the frosting, adding that familiar tropical aroma. It’s a recipe that honors tradition while being simple enough for weeknight baking—no special equipment or advanced techniques required.

What you’ll end up with are moist, flavorful cupcakes with a golden, crispy top that practically melts in your mouth. The ube-infused batter delivers a subtle sweetness that pairs beautifully with the classic vanilla frosting, while the graham cracker crunch adds texture that keeps every bite exciting. These cupcakes are perfect for celebrations, potlucks, or just treating yourself to a taste of home.

Serve them alongside a cup of strong Filipino coffee or as part of a halo-halo dessert spread for an extra layer of nostalgia. The frosting can be adjusted to your preference—add a sprinkle of toasted coconut or crushed latik (coconut caramel) for a true Filipino touch. Let’s bake these cupcakes!

Ingredients for banana cupcake recipe philippines

Ripe bananas, ube puree, and a few pantry staples—everything you need for Filipino-inspired cupcakes with a crispy top.

The bananas and ube puree are your flavor anchors. Saba bananas should be soft enough to mash with a fork—no need to peel, just scoop out the flesh. For ube puree, Filipino markets or Asian grocery stores usually carry the best quality, but store-bought works too. If you can't find ube puree, purple sweet potato puree is a decent substitute (though less vibrant). The graham crackers? Honey Maid or Keebler both work well—just crush them finely for that perfect crunch. I always buy extra because they disappear fast once the cupcakes come out of the oven.

No vanilla extract? Vanilla bean paste gives a richer flavor, or even a teaspoon of vanilla sugar in a pinch. The butter needs to be room temperature—microwave it for 40 seconds if it's cold. For the frosting, pandan extract is key for that authentic Filipino aroma, but if you can't find it, a drop of almond extract adds a similar floral note. The powdered sugar should be sifted to avoid lumps—trust me, it makes a difference. And if you're feeling fancy, add a sprinkle of toasted coconut or latik on top for that true Filipino touch.

These cupcakes keep well in an airtight container for 3 days at room temperature, or 1 week in the fridge. The frosting can be made a day ahead—just pipe it right before serving so it stays fluffy. For freezing, frost the cupcakes first, then wrap each one individually in plastic wrap. They thaw beautifully at room temperature and taste even better the next day. I always make a double batch—one for now, one to freeze for lazy days.

Step-by-step instructions for ube banana cupcakes

Here's how to make these wonderfully moist cupcakes with that perfect crunchy top.

In a large mixing bowl, combine the 1.5 cups mashed ripe saba bananas with the 0.75 cup ube puree. Stir until completely smooth—I like to press the mixture through a fine-mesh sieve to remove any banana skins or lumps. This ensures a silky batter that won't be gritty.

In a separate small bowl, melt the 0.5 cup unsalted butter in the microwave for 20-30 seconds until just liquid. Let it cool slightly, then whisk it into the banana mixture along with the 2 whole large eggs, 1 tbsp vanilla extract, and 0.5 tsp pandan extract. The pandan adds that lovely floral aroma that's so characteristic of Filipino desserts. Mix until everything is fully incorporated and the mixture looks like a thick, vibrant custard.

In a medium bowl, sift together the 2 cups all-purpose flour, 1 cup granulated sugar, 2 tsp baking powder, 0.5 tsp baking soda, and 0.5 tsp salt. Give it a quick whisk to aerate the flour—this helps create that light, airy texture we want in these cupcakes. The baking powder and baking soda work together to give us that nice rise while keeping them moist.

With the mixer on low speed, gradually add the dry ingredients to the wet mixture. Mix just until combined—you should still see some flour streaks. Overmixing develops gluten, which can make your cupcakes tough. Stop mixing as soon as the batter comes together. The batter will be thick but pourable, with a beautiful purple hue from the ube.

Preheat your oven to 350°F and line a muffin tin with 12 cupcake liners. Fill each liner about ⅔ full with batter—don't overfill or they'll spill over. Place the tin on the middle rack of your oven and bake for 20-25 minutes, until a toothpick inserted in the center comes out clean and the tops are golden brown.

Here's the thing about these cupcakes—they'll continue cooking slightly after you remove them from the oven, so it's better to pull them out when they look just set in the center. Let them cool in the pan for 5 minutes before transferring to a wire rack to cool completely. The cooling process is important for developing that perfect crunchy top while keeping the inside wonderfully moist.

While the cupcakes are cooling, crush the 1 cup graham crackers into fine crumbs using a food processor or by placing them in a ziplock bag and crushing with a rolling pin. You want them to be as fine as possible for that perfect sandy texture on top.

In a small bowl, mix the graham cracker crumbs with 1 tbsp of the powdered sugar reserved for the topping. This gives the crumbs a bit of sweetness that complements the cupcakes perfectly. Sprinkle this mixture over the completely cooled cupcakes, pressing down gently so it sticks. The contrast between the moist cupcake and crunchy topping is what makes these special.

In a medium bowl, beat the 0.5 cup heavy cream with an electric mixer until it forms soft peaks. In a separate bowl, sift the remaining 2 cups powdered sugar to remove any lumps, then gradually add it to the cream while mixing on low speed. Add the 0.5 tsp pandan extract and mix until fully combined and smooth.

Pipe or spread this fragrant frosting onto the cooled cupcakes. The pandan extract gives it that lovely floral aroma that pairs perfectly with the ube and banana flavors. For an extra touch, you can dust the tops with a bit more powdered sugar or sprinkle with toasted coconut flakes. Serve immediately or store in an airtight container in the refrigerator for up to 3 days—though they won't last that long!

Common mistakes when making great banana cupcake recipe philippines

Overmixing the Batter

I’ve seen so many well-intentioned bakers overmix the batter, thinking it’ll make the cupcakes fluffier. But here’s the deal: once you combine the wet and dry ingredients, stop mixing as soon as the batter comes together. Overmixing develops gluten, which leads to tough, dense cupcakes instead of that tender, moist texture we want. 💛 The batter should still have a few flour streaks—don’t worry, it’ll still bake up perfectly.

Skipping the Graham Cracker Topping

The crunchy graham cracker topping isn’t just for looks—it’s what makes these cupcakes special. If you skip it, you’re missing that satisfying contrast between the moist cupcake and the crispy top. Crush the graham crackers finely so they melt slightly when baked, creating that perfect sandy texture. Pro tip: Mix the crumbs with a little powdered sugar before sprinkling so they stick better to the cupcakes.

Using Underripe Bananas

Ripe bananas are non-negotiable here—they’re what give these cupcakes their natural sweetness and moisture. If you use underripe bananas, your cupcakes will turn out dry and bland. Look for bananas with brown spots and soft skin. If you’re unsure, mash a small piece—it should be creamy, not firm. And remember, no need to peel them! Just scoop out the flesh directly into your mixing bowl.

Ignoring the Cooling Process

I can’t stress this enough: let those cupcakes cool completely before frosting. If you frost them too soon, the heat from the cupcakes will melt the frosting, making it runny and messy. The cooling process also helps develop that perfect crunchy top while keeping the inside moist. Trust me, the 10-15 minutes it takes to cool is worth it for that professional finish. ⏰

Substituting Ube Puree

Ube puree is the star of this recipe, giving those cupcakes their signature purple hue and earthy sweetness. If you can’t find it, don’t just skip it—try a substitute like purple sweet potato puree or even a pinch of beet powder (though the flavor won’t be as rich). The color might not be as vibrant, but the texture will still be great. For the best results, though, track down authentic ube puree at your local Asian grocery store.

Overfilling the Cupcake Liners

Filling the liners more than ⅔ full is a common mistake that leads to overflowing batter and messy cupcakes. The batter rises as it bakes, and if there’s too much in the liner, it’ll spill over the edges, creating a big cleanup job. Stick to the ⅔ rule, and you’ll get perfectly shaped cupcakes every time. And if you’re worried about them not being tall enough, don’t be—they’ll still be moist and delicious!

Frequently asked questions