Desserts
This banana chocolate chip squares recipe delivers triple-layered decadence with a crispy top, gooey middle, and tender base—all in one golden pan. 💛 The magic happens when ripe bananas and melted butter create a moist, cake-like layer, while a crunchy oat topping seals in the flavor.
Perfect for satisfying sweet cravings without the fuss of layering individual cakes. What sets these apart is the foolproof technique: no mixing required for the topping, just pressing and baking. The result? A dessert that feels restaurant-quality but comes together in under 30 minutes.
The banana flavor shines through while chocolate chips add pockets of melty sweetness in every bite. By the time you pull them from the oven, you'll have a golden, crisp-topped square that's easy to slice and serve. The texture contrast—crunchy top, soft middle, and tender base—makes each piece irresistible.
This recipe is a game-changer for anyone who loves dessert but wants something simpler than pie. Best of all, it's naturally gluten-free (if using GF oats) and can be adapted with vegan butter and flax eggs. Let's get baking!
Ingredients for banana chocolate chip squares
Ripe bananas, melted butter, and three textures—crispy, gooey, tender—all in one pan.
| Ingredient | Amount | Notes |
|---|---|---|
| Ripe Bananas 🍌 | 2 large | Mashed with fork, no lumps |
| Unsalted Butter 🧈 | ½ cup | Melted, full-fat preferred |
| Granulated Sugar 🍚 | ¾ cup | White or brown, packed |
| Packed Brown Sugar 🍚 | ½ cup | Light or dark variety |
| All-Purpose Flour 🌾 | 1 ½ cups | Spooning and leveling method |
| Baking Powder 🧂 | 1 tsp | Aluminum-free preferred |
| Salt 🧂 | ½ tsp | Fine sea salt |
| Vanilla Extract 🍯 | 1 tsp | Pure extract, not imitation |
| Chocolate Chips 🍫 | 1 ½ cups | Semi-sweet or milk chocolate |
| Old-Fashioned Rolled Oats 🥣 | 1 ½ cups | Gluten-free oats if needed |
| Light Brown Sugar 🍚 | ¼ cup | Packed, for topping |
| Ground Cinnamon 🌿 | 1 tsp | For warm flavor |
| Flaked Sea Salt 🧂 | ½ tsp | For finishing touch |
The bananas are everything here. Grab two large, ripe ones—the spottier, the better. Trader Joe's and Whole Foods usually have perfect ones, but check your local grocery store's produce section first. If they're not quite ripe enough, pop them in a paper bag with an apple overnight. The butter? Full-fat is non-negotiable—it creates that rich, moist layer. For the chocolate chips, Ghirardelli or Nestlé Toll House are solid choices, but any semi-sweet or milk chocolate will work. The oats should be old-fashioned, not quick—Bob's Red Mill is a reliable brand if you're buying in bulk.
No vanilla extract? Vanilla bean paste or even a scraped vanilla bean will work in a pinch. Short on brown sugar? White sugar plus 1/4 tsp molasses mimics the flavor. The cinnamon adds warmth, but if you're not a fan, nutmeg or cardamom can step in. For the chocolate chips, if you're feeling fancy, toss them with a pinch of sea salt before adding to the batter—it's a game-changer. The oats can be toasted lightly in a dry pan for 2-3 minutes before mixing if you want extra crunch, but it's not required. The recipe calls for old-fashioned oats, but gluten-free oats work perfectly if needed.
These keep beautifully—4-5 days in an airtight container at room temperature, or 2 weeks in the fridge. For freezing, slice them first, then layer with parchment between slices. 3 months in the freezer, and they'll reheat perfectly in the oven at 350°F for 5-10 minutes. The topping stays crispy if you store them properly, but if it softens, just press it back down and bake for 3-5 minutes to restore the crunch. I like to wrap individual squares in parchment before freezing for easy grab-and-go treats.
Why You'll Love This Recipe
- No Mash Required: I swear by this—just toss those ripe bananas into the food processor with the wet ingredients and let it do the work. No peeling, no measuring cups of puree, just smooth, creamy magic in seconds.
- Sweet-Salty Magic: That caramelized sugar crust? It’s the star. The buttery brown sugar base gives it a deep, toasty edge, while the chocolate chips melt into pockets of gooey perfection—like a cookie and a brownie had a baby.
- Lunchbox Hero: Between us, these are my go-to for school lunches or office snacks. Cut into squares, wrap them up, and they’ll hold their shape all day. (Yes, even when my kid “forgets” to pack ice packs.)
- Pantry Staple Savior: You already have everything—flour, sugar, butter—and bananas are basically free when they’re spotted. Make a batch, freeze half, and thank me later when you’re pulling them out for a last-minute dessert or a quick breakfast.
Step-by-step instructions for banana chocolate chip squares
Here's how to create these decadent triple-layered squares with perfect texture every time.
👨🍳 Step 1: Prepare the Base Layer
Preheat your oven to 350°F and line a 9x9-inch baking pan with parchment paper, leaving an overhang for easy removal. In a medium bowl, mash the 2 large ripe bananas with a fork until completely smooth—no lumps should remain. Add the 0.5 cup melted unsalted butter, 0.75 cup granulated sugar, and 0.5 cup packed brown sugar, stirring until fully combined.
In a separate bowl, whisk together the 1.5 cups all-purpose flour, 1 teaspoon baking powder, 0.5 teaspoon salt, and 1 teaspoon vanilla extract. Gradually fold these dry ingredients into the banana mixture until just combined. The batter will be thick but pourable. Spread this evenly into the prepared pan, creating a smooth, even layer.
🍳 Step 2: Add the Chocolate Chip Layer
Drop the 1.5 cups chocolate chips evenly over the base layer, spacing them about 1 inch apart so they don't touch. This spacing ensures each square gets its own perfect chocolate chip experience. Sprinkle the 1.5 cups old-fashioned rolled oats evenly over the chocolate chips, pressing down gently to help them adhere to the base.
Bake for 20-22 minutes until the edges are light golden brown and the center still feels slightly soft when pressed. This ensures the chocolate stays gooey while the base sets properly. Real talk: don't overbake—you want that fudgy texture in the base layer.
🥘 Step 3: Create the Crunchy Topping
While the first layer bakes, mix together the 0.25 cup light brown sugar, 1 teaspoon ground cinnamon, and 0.5 teaspoon flaked sea salt in a small bowl. Once the first layer has baked for 15 minutes, remove it from the oven and immediately sprinkle this topping mixture evenly over the oats and chocolate chips.
Return the pan to the oven and bake for an additional 10-12 minutes until the topping is deep golden brown and the entire square has a caramelized aroma. The contrast between the crunchy topping, gooey chocolate layer, and fudgy base is what makes these squares extraordinary.
⏰ Step 4: Cool and Cut for Perfect Squares
Let the squares cool completely in the pan for at least 1 hour—this is crucial for clean cuts. The layers need time to set properly so they don't crumble when you slice. Once cooled, use the parchment overhang to lift the entire square out of the pan and place it on a cutting board.
Cut into 16 equal squares using a sharp knife or pizza cutter. Each square should have a perfect balance of all three layers: the fudgy banana base, the gooey chocolate chip center, and the crunchy cinnamon-sugar topping. Store any leftovers in an airtight container at room temperature for up to 5 days—though they rarely last that long!
Pro Tips For Making Banana Chocolate Chip Squares
- Mash Bananas Thoroughly: I learned this the hard way—lumpy banana puree makes for dense, uneven squares. Use a fork to break them up first, then press through a fine-mesh sieve or mash with a potato masher until completely smooth. No chunks means a tender, even texture.
- Brown the Butter First: Skip the melted butter shortcut—browning it first adds a nutty depth that cuts through the sweetness. Cook 4 tablespoons of cold butter over medium heat until foamy, then reduce to low and swirl until golden brown (about 5-7 minutes). Let it cool slightly before mixing—hot butter melts the chocolate chips prematurely.
- Don’t Overmix the Batter: After folding in chocolate chips, stir just until combined. I used to go full-on mixer, and the squares ended up tough. The goal is a swirled batter, not a homogeneous one—those pockets of flour keep the texture light. A spatula in 10 quick strokes does the trick.
- Test for Doneness Early: These squares look underdone when they’re actually done. Pull them from the oven when the edges are set but the center still jiggles slightly (about 20-25 minutes at 350°F). The residual heat finishes cooking them while keeping the texture soft. Cut one to check—if it’s gooey, leave them in 2-3 minutes longer.
Common mistakes when making your banana chocolate chip squares
Overmixing the Batter
I’ve seen this happen more times than I can count—overmixing the banana batter turns it tough instead of tender. Once you’ve combined the dry ingredients, fold them in just until no flour streaks remain. Overmixing develops gluten, which makes the base dense and cakey rather than moist and fudgy.
Trust me, a few lumps won’t ruin your squares—they’ll disappear during baking. 💫
Skipping the Cooling Time
Rushing to cut into these squares too soon is a surefire way to end up with crumbly, uneven pieces. The layers need at least 1 hour of cooling time to set properly.
I’ve learned this the hard way—when I cut too early, the chocolate chips melt into a mess, and the oat topping loses its crunch. Patience here is key for clean slices and perfect texture.
Uneven Topping Distribution
Sprinkling the cinnamon-sugar topping unevenly leads to some squares being overly sweet and others bland. To avoid this, use a fine-mesh sieve or shake the mixture gently over the oats in a back-and-forth motion.
This ensures an even, golden-brown crust on every square. I like to tap the pan lightly on the counter afterward to help the topping settle evenly.
Overbaking the Base Layer
The base layer should be soft and fudgy, not dry and cake-like. Overbaking for even a few extra minutes causes the chocolate chips to harden and the banana flavor to fade.
Keep a close eye on the edges—they should be just light golden brown when the center still jiggles slightly. The second bake for the topping will finish cooking everything through.
Using Underripe Bananas
Underripe bananas are too firm and won’t mash smoothly, leading to a grainy texture in your squares. Look for bananas with dark brown spots and a slight give when squeezed.
If yours aren’t ripe enough, place them in a paper bag with an apple overnight—they’ll soften up perfectly. The flavor difference is night and day!
Ignoring the Chocolate Chip Spacing
Piling chocolate chips too close together means some squares will have multiple chips while others get none. Space them about 1 inch apart so each piece has its own gooey surprise. I like to eyeball it while spreading the oats—this ensures every bite delivers that melty chocolate experience. 🍫
Nutrition facts
Frequently asked questions
Can I make these banana squares without oats?
Swap the oats for 1.5 cups crushed graham crackers or 1 cup chopped nuts like walnuts or pecans. For a lighter option, try 1 cup shredded coconut (toasted for extra flavor). Just press the alternative topping gently into the chocolate chips before adding the cinnamon-sugar mix. The texture will differ, but the banana-chocolate combo stays delicious!
Why do my squares taste bland?
Banana flavor fades if the base overbakes or uses underripe fruit. Always use spotted, soft bananas and bake the base just until edges are golden (20-22 minutes). For extra depth, add ½ teaspoon cinnamon to the base batter or fold in ¼ cup chopped nuts with the chocolate chips. A pinch of salt in the topping also enhances sweetness!
How do I make these vegan?
Replace the butter with ½ cup vegan butter or coconut oil, use flax eggs (1 tbsp ground flax + 3 tbsp water per egg), and swap chocolate chips for dairy-free ones. For the topping, use coconut sugar instead of brown sugar. The texture stays rich, though the base may be slightly denser. Test with 1 ripe banana first to adjust sweetness!
Can I use white chocolate chips?
Yes, but they melt differently! White chocolate chips will stay firmer than semi-sweet. For best results, space them 1 inch apart and bake the base 1-2 minutes longer to ensure they soften. Add a pinch of salt to the white chocolate chips before baking to balance sweetness. Store in the fridge to prevent melting.
What’s the best way to reheat these?
For a crispy top, warm individual squares in the oven at 300°F for 3-5 minutes on a parchment-lined tray. To revive the fudgy base, microwave for 10-15 seconds (cover with a damp paper towel). For a gooey treat, toast the entire pan at 350°F for 5 minutes**—the contrast of warm and cool layers is magical!