Banana Chocolate Chip Squares Recipe: Fudgy Base With Nutty Crunch Top

This banana chocolate chip squares recipe delivers a perfect balance of fudgy base and nutty crunch top—ideal for satisfying chocolate cravings without the guilt. 💛 The secret lies in blending ripe bananas with butter and flour, then topping with a buttery oat crumble that adds satisfying texture.

I've perfected this recipe over years of baking, ensuring every bite has that rich, caramelized flavor you crave.

The beauty of this recipe is its simplicity—just 15 minutes of prep followed by 20 minutes in the oven at 350°F. No fancy equipment needed, just a mixing bowl and a baking sheet.

The bananas add natural sweetness, while the chocolate chips create pockets of gooey goodness. The nutty oat topping gives it that satisfying crunch that makes it irresistible.

What you'll end up with is a dessert that's rich, moist, and perfectly balanced—fudgy on the inside and crunchy on top. It's the kind of treat that disappears quickly, so expect to make a second batch.

These squares are perfect for snacking, potlucks, or even as a quick dessert after dinner.

For added flexibility, you can easily adapt this recipe to be vegan by using flax eggs and dairy-free chocolate. The texture remains the same, proving that this dessert can be enjoyed by everyone. Let's get started on making these delicious squares!

Ingredients for banana chocolate chip squares

Here's what you need to make these irresistible banana chocolate chip squares with perfect fudgy base and crunchy top.

The bananas are everything here—overripe (those with brown spots) pack the most flavor. Trader Joe's usually has the sweetest ones in the produce section, but any grocery store's produce manager can point you to the ripest bunch. Butter matters too—full-fat, unsalted gives that rich flavor, and softened butter mixes better. For the chocolate chips, Enjoy Life brand is my go-to if you're making these vegan, but any semi-sweet will work. Quick oats are key for that perfect crunch—don't use steel-cut or rolled oats, they won't crisp up right.

No vanilla extract? Vanilla bean paste works in a pinch, or a pinch of ground cinnamon adds warmth. Short on chocolate chips? Chopped dark chocolate bar at half the amount gives you that same gooey magic. The walnuts can be swapped for pecans or even more chocolate chips if you're not feeling nutty. For the topping, toasted oats (spread on a baking sheet at 350°F for 5 minutes) add serious crunch. And if you're making these vegan, flax eggs (1 tbsp ground flaxseed + 3 tbsp water) work perfectly—just let them sit for 5 minutes to thicken.

Butter and chocolate chips keep best in the fridge (up to 1 week), while bananas should be used within 3 days of purchase. The oat topping stays fresh for 5 days in an airtight container. For extra-indulgent batches, double the chocolate chips—they're the star here. And if you're prepping ahead, the base mix can be chilled for 24 hours before baking, which actually makes the texture even better. Just let it sit at room temp for 20 minutes before baking.

Step-by-step instructions for banana chocolate chip squares

Here's how to create the perfect blend of fudgy banana base and crunchy nutty topping.

Start by peeling the 2 medium ripe bananas—they should be slightly soft when pressed. Mash them in a medium bowl until completely smooth, with no lumps remaining. This ensures your squares will be tender and evenly textured. In a separate small bowl, whisk together the 1.5 cups all-purpose flour, 0.5 tsp baking soda, and 0.5 tsp salt. Sifting isn't required, but it helps prevent dense pockets in the final texture.

In another bowl, beat the 0.5 cup softened unsalted butter and 0.5 cup granulated sugar on medium speed for 3-4 minutes until light and fluffy. The butter should be fully incorporated, and the mixture should nearly double in volume. This step is crucial for that perfect fudgy texture—don't rush it. Add the 2 whole large eggs one at a time, mixing well after each addition, then stir in the 1 tsp vanilla extract. The mixture should be smooth and slightly thick.

Gradually add the flour mixture to the butter-sugar-egg combination, mixing on low speed just until combined. You'll see streaks of flour disappear, but don't overmix—stop as soon as the batter comes together. Fold in the 1 cup semi-sweet chocolate chips by hand using a spatula, ensuring even distribution. The batter should be thick but spoonable, similar to cookie dough.

Here's the thing—this batter is sensitive. If it looks too thick, you can add 1-2 tablespoons of milk (though it's not in our ingredients list, it's a common fix). The goal is a consistency that holds its shape when dropped but still spreads slightly in the pan. If it's too thin, your squares might spread too much and lose their structure.

Preheat your oven to 350°F and line an 8x8-inch baking pan with parchment paper, leaving an overhang for easy removal. Spread the banana batter evenly into the pan, using a spatula to create an even layer about ½-inch thick. Tap the pan gently on the counter to release any air bubbles—this prevents sinkholes in your final squares.

In a small bowl, mix the 1 cup quick oats, 0.25 cup packed brown sugar, 0.25 cup chopped walnuts, and 0.5 tsp cinnamon. Sprinkle this oat topping evenly over the banana layer, pressing down lightly with the back of a spoon. The topping should be distributed evenly, with no bare spots showing through. This is where the magic happens—the oats create that perfect crunchy contrast to the fudgy base.

Bake for 25-30 minutes until the edges are golden brown and a toothpick inserted in the center comes out with a few moist crumbs (not wet batter). The top should look set but still slightly soft to the touch—this ensures the inside stays fudgy, not cakey. If your oven runs hot, start checking at the 20-minute mark to avoid overbaking.

Real talk: the first time I made these, I overbaked them by 5 minutes, and they turned out dry. The key is to pull them out when they're just set in the center. Let them cool completely in the pan for 1 hour before cutting into squares. This resting period allows the layers to fully set and makes for cleaner cuts. Once cooled, lift the entire sheet out using the parchment overhang and cut into 9 equal squares. Store in an airtight container for up to 5 days or freeze for longer storage.

Creative variations of banana chocolate chip squares

Peanut Butter Twist

Swap the walnuts for ½ cup creamy peanut butter mixed into the banana batter, plus ½ cup chopped roasted peanuts in the oat topping. The peanut butter adds a rich, nutty depth that pairs perfectly with banana and chocolate.

For extra indulgence, drizzle melted peanut butter over the top before baking. 🥜

Coconut Crunch Topping

Replace the walnuts with ½ cup unsweetened shredded coconut and add 1 tbsp coconut oil to the oat topping mixture. The coconut gives these squares a tropical vibe while keeping that satisfying crunch.

Toast the coconut in a dry pan for 2-3 minutes before mixing to enhance the flavor. This works especially well if you love tropical desserts!

Spiced Caramel Version

Add 1 tsp cinnamon and ½ tsp ground ginger to the banana batter, then top with a caramel mixture made from ¼ cup brown sugar, 2 tbsp butter, and 2 tbsp cream (simmered for 3 minutes).

The warm spices complement the banana beautifully, while the caramel adds a gooey contrast to the crunchy oats. Perfect for fall baking!

White Chocolate Raspberry

Replace the semi-sweet chocolate chips with 1 cup white chocolate chips and fold in ½ cup chopped raspberries (fresh or thawed frozen). The tart raspberries cut through the sweetness of the white chocolate, creating a sophisticated flavor profile. For extra flair, top with raspberry jam drizzle after baking. 🍓

Gluten-Free Adaptation

Use a 1:1 gluten-free flour blend (like Bob's Red Mill) and replace the quick oats with certified gluten-free oats. The texture remains fudgy and crunchy, but the squares will have a slightly denser base.

For the topping, add 1 tbsp ground flaxseed to bind the crumbs together. This version is perfect for those with gluten sensitivities or celiac disease.

Vegan Banana Chocolate

Make these completely plant-based by using flax eggs (1 tbsp ground flaxseed + 3 tbsp water per egg) and vegan butter (like Earth Balance). Swap the chocolate chips for Enjoy Life brand vegan chocolate chips and use almond milk if the batter gets too thick.

The texture stays just as fudgy and delicious—no one will guess it's vegan! 🌱

Frequently asked questions