Desserts & Baking
Banana Chocolate Chip Bars
Soft, chewy banana chocolate chip bars loaded with ripe banana flavor and melty chocolate chips. One bowl, 30 minutes, zero fuss.
Why This Banana Chocolate Chip Bars Recipe Is Special
I developed these bars for a specific reason: I always have overripe bananas and I do not always want to make a full loaf of banana bread. Sometimes I want something faster, flatter, and more portable — something I can cut into squares and toss in a lunchbox. These bars answer that need perfectly.
Think of these as the lovechild of banana bread and a chocolate chip cookie bar. You get all that gorgeous, caramelly banana flavor combined with pools of melted chocolate in every bite. The brown sugar gives them a deeper, toffee-like sweetness, and the texture is soft and chewy with just enough structure to hold together when picked up.
The entire recipe comes together in one bowl with a fork and spatula. From mashing bananas to pulling the pan from the oven, about 35 minutes. Add the optional brown butter frosting for special occasions — it takes these from great to extraordinary.
The Magic of Brown Sugar in Bars
Brown sugar contains molasses, which does two important things. First, it is hygroscopic — it attracts and retains moisture, keeping bars soft and chewy for days. Second, it adds a rich caramel-like flavor that amplifies the natural caramel notes in overripe bananas. It is like the banana and brown sugar speak the same flavor language.
Melted butter works in concert with the brown sugar. When melted rather than creamed, butter does not incorporate air into the batter, producing denser, chewier bars with a more fudgy texture. I specifically call for light brown sugar because dark brown can be overpowering, creating an almost bitter flavor that competes with the banana.
Perfecting the Chocolate-to-Banana Ratio
I tested everything from 1/2 cup to 1 1/2 cups of chocolate chips. One cup gives you chocolate in virtually every bite without overwhelming the banana flavor. The banana should be the star with chocolate in a strong supporting role.
I use semi-sweet chips for their bittersweet contrast with the sweet banana and brown sugar. My trick for a professional look: reserve 2 tablespoons of chips to scatter over the top before baking. They get slightly caramelized and signal to everyone that there is plenty of chocolate inside.
Tips for Perfect Banana Chocolate Chip Bars
Measure the mashed banana carefully. Three large bananas yield about 1 1/4 cups. Too much banana makes bars gummy; too little makes them dry.
Do not overbake — pull them early. At 22 minutes, edges should be golden and the center just barely set. Residual heat continues baking for several minutes.
Let them cool completely in the pan. Warm bars are too soft to cut cleanly. Wait at least 30 minutes, ideally an hour. Pop the pan in the fridge to speed this up.
Try the brown butter frosting at least once. The nutty, caramelized butter flavor on top of banana and chocolate makes people stop mid-bite and ask what is in it.
Use a sharp knife for clean cuts. Spray lightly with nonstick spray or dip in hot water between cuts.
Variations to Try
Banana Peanut Butter Chocolate Chip Bars. Dollop 1/4 cup peanut butter over the batter and swirl with a knife before baking.
Double Chocolate Banana Bars. Add 3 tablespoons cocoa powder to the dry ingredients and use a mix of semi-sweet and white chocolate chips.
Banana S’mores Bars. Replace half the chocolate chips with mini marshmallows and crush 4 graham crackers over the top before baking.
Banana Oat Chocolate Chip Bars. Replace 1/2 cup flour with 1/2 cup rolled oats for a heartier, breakfast-worthy version. Let batter rest 10 minutes before baking.
How to Store and Troubleshooting
These store beautifully at room temperature for up to 3 days in an airtight container. If frosted, refrigerate for up to 5 days. For freezing, wrap individual bars in plastic wrap and store in a zip-top bag for up to 3 months.
The bars are too cakey. Use all brown sugar, melted butter, and do not overmix. Too much baking powder also causes excess rise.
The bars are falling apart. They need more cooling time, or the batter lacked enough flour or egg.
Chocolate chips sank to the bottom. Batter was too thin — very ripe bananas release a lot of liquid. Add 2 extra tablespoons flour if it seems loose.
The bars taste flat. The 1/2 teaspoon salt is essential. Make sure your bananas are ripe enough — under-ripe bananas have very little flavor.
For more banana baking, check out my blueberry banana bread or my easy peanut butter cookie bars for another one-bowl bar recipe. My chocolate pudding pots deliver rich chocolate in silky, spoonable form.
Ingredients
Banana Bars
Brown Butter Frosting (Optional)
Instructions
Prepare the Pan
Preheat your oven to 350°F (175°C). Line a 9x13-inch baking pan with parchment paper, leaving an overhang on two sides. Spray lightly with nonstick cooking spray.
Mix the Wet Ingredients
In a large bowl, mash the ripe bananas with a fork until mostly smooth. Stir in the melted butter and brown sugar until well combined. Add the egg and vanilla extract, stirring until the mixture is smooth and glossy.
Add the Dry Ingredients
Sprinkle the flour, baking powder, baking soda, salt, and cinnamon over the wet ingredients. Fold gently with a spatula until just combined — stop mixing when only a few streaks of flour remain.
Add Chocolate Chips
Reserve 2 tablespoons of chocolate chips for topping. Fold the remaining chocolate chips into the batter with 2 to 3 gentle strokes. Pour the batter into the prepared pan and spread evenly. Scatter the reserved chocolate chips over the top.
Bake
Bake at 350°F (175°C) for 22 to 25 minutes, until the edges are golden brown and a toothpick inserted in the center comes out with just a few moist crumbs. The center should look barely set — the bars will continue to firm up as they cool. Do not overbake.
Cool and Frost
Let the bars cool completely in the pan, at least 30 minutes. If making the brown butter frosting: melt the butter in a small saucepan over medium heat, stirring occasionally, until it turns golden and smells nutty, about 3 to 4 minutes. Pour into a bowl and whisk in the powdered sugar, milk, and vanilla until smooth. Spread over the cooled bars. Cut into 16 squares.
Nutrition Information
Per serving (serves 16). Values are approximate.
| Calories | 215 calories |
| Total Fat | 8g |
| Saturated Fat | 5g |
| Carbohydrates | 34g |
| Sugar | 21g |
| Protein | 3g |
| Sodium | 175mg |
| Fiber | 1g |
* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs. Nutritional information is an estimate and may vary.
Never Miss a Recipe
Join 5,000+ home cooks and get new recipes straight to your inbox.
Frequently Asked Questions
Can I use white chocolate chips instead?
Yes! White chocolate chips make a sweeter, creamier bar. You can also use a mix of semi-sweet and white chocolate chips for visual contrast and varied flavor. Peanut butter chips are another great option.
How ripe do the bananas need to be?
Very ripe — heavily spotted or fully brown/black skins are ideal. The riper the banana, the sweeter and more flavorful your bars will be. Under-ripe bananas produce bland, starchy bars.
Can I add nuts?
Absolutely. Fold in 1/2 cup of chopped walnuts or pecans with the chocolate chips. Toast them first in a dry skillet for extra flavor.
These bars are too cakey. How do I make them chewier?
Make sure you are using brown sugar (not white) and melted butter (not softened). Both contribute to a chewier texture. Also, pull them from the oven when the center still looks slightly underdone.
Hi, I'm Lisa!
I create simple, tested recipes from around the world that anyone can make at home.
Learn More →Reader Reviews
Based on 331 reviews