Chocolate Chip Cookie Bars Recipe

Rich and gooey chocolate chip cookie bars deliver all the classic flavors of America's favorite cookie in a perfectly sliceable, crowd-pleasing format.
Difficulty:
Beginner
Prep Time:
15 mins
Cook Time:
25 mins
Serves:
16 bars
An overhead shot of a rustic wooden board featuring perfectly golden-brown chocolate chip cookie bars cut into generous squares. The cross-section reveals a soft, buttery interior studded with melting chocolate chunks that create pockets of glossy decadence. Soft natural light highlights the crisp edges and moist centers, while a dusting of flaky sea salt catches the light on top. In the background, a glass of milk and scattered chocolate chips provide context to these classic treats, with one bar broken open to reveal its chewy, tender crumb and molten chocolate center.

Ingredients

<ul class="ingredients-main-list"><li class="ingredients-single-item">225g unsalted butter</li><li class="ingredients-single-item">200g light brown sugar, packed</li><li class="ingredients-single-item">100g granulated sugar</li><li class="ingredients-single-item">2 large eggs, room temperature</li><li class="ingredients-single-item">2 tsp vanilla extract</li><li class="ingredients-single-item">280g all-purpose flour</li><li class="ingredients-single-item">1 tsp baking soda</li><li class="ingredients-single-item">1/2 tsp salt</li><li class="ingredients-single-item">300g semi-sweet chocolate chips or chunks</li><li class="ingredients-single-item">Flaky sea salt for sprinkling (optional)</li></ul>

Equipment

<ul class="equipment-main-list"><li class="equipment-single-item">23cm x 33cm (9x13 inch) baking pan</li><li class="equipment-single-item">Parchment paper</li><li class="equipment-single-item">Electric mixer (hand or stand)</li></ul>
BAKE SMARTER

Kitchen Converter

Quickly switch between common baking units without leaving the recipe.

Convert
Result—

Volume uses US cups, tablespoons, and teaspoons. Converting weight to volume depends on the ingredient.

Directions

<ol class="no-list-style"><li class="MethodStepper"><h4 class="step-title">Step 1</h4>Preheat your oven to 180°C (350°F) and line your baking pan with parchment paper, leaving an overhang on the sides to easily lift the bars out later. This overhang will act as handles for clean removal.</li><li class="MethodStepper"><h4 class="step-title">Step 2</h4>For an enhanced flavor (optional), brown the butter: In a light-colored saucepan, melt the butter over medium heat. Continue cooking, swirling occasionally, until the butter turns amber and smells nutty, about 5-7 minutes. The milk solids will turn golden brown at the bottom of the pan. Immediately transfer to a large heat-proof bowl to stop the cooking and let cool for 10 minutes. Browning butter adds a complex toffee-like flavor that elevates the cookies.</li><li class="MethodStepper"><h4 class="step-title">Step 3</h4>Add both sugars to the cooled browned butter (or regular melted butter if skipping step 2) and whisk vigorously for about 2 minutes until well combined. The mixture should look smooth and shiny. The brown sugar provides moisture and deep caramel notes while the granulated sugar helps create those crispy edges.</li><li class="MethodStepper"><h4 class="step-title">Step 4</h4>Beat in the eggs one at a time, mixing well after each addition, then stir in the vanilla extract. Make sure the butter mixture isn't too hot before adding eggs to prevent them from scrambling.</li><li class="MethodStepper"><h4 class="step-title">Step 5</h4>In a separate bowl, whisk together the flour, baking soda, and salt. The baking soda will react with the acidic brown sugar to provide just the right amount of lift without making the bars cakey.</li><li class="MethodStepper"><h4 class="step-title">Step 6</h4>Gradually fold the dry ingredients into the wet ingredients, mixing just until no flour streaks remain. Overmixing develops gluten which can make your bars tough rather than tender.</li><li class="MethodStepper"><h4 class="step-title">Step 7</h4>Fold in about 3/4 of the chocolate chips or chunks, saving some to sprinkle on top. Using a mix of chips and hand-chopped chocolate creates varying pockets of chocolate throughout the bars.</li><li class="MethodStepper"><h4 class="step-title">Step 8</h4>Press the dough evenly into the prepared baking pan, using the back of a measuring cup to create a smooth, even surface. This ensures uniform baking and thickness across the entire pan.</li><li class="MethodStepper"><h4 class="step-title">Step 9</h4>Sprinkle the remaining chocolate chips over the top and gently press them into the dough. If using, sprinkle a small amount of flaky sea salt over the top – this creates a delicious sweet-salty contrast that enhances the chocolate flavor.</li><li class="MethodStepper"><h4 class="step-title">Step 10</h4>Bake for 22-25 minutes until the edges are set and golden brown but the center still looks slightly underdone. Don't overbake! The bars will continue to cook and set as they cool. A slightly underbaked center ensures that classic chewy texture everyone loves.</li><li class="MethodStepper"><h4 class="step-title">Step 11</h4>Allow the cookie bars to cool completely in the pan on a wire rack before lifting out with the parchment paper handles. This cooling period is crucial for proper setting and texture development – rushing this step can result in bars that fall apart.</li><li class="MethodStepper"><h4 class="step-title">Step 12</h4>Once completely cooled, cut into 16 squares (or larger or smaller as desired) with a sharp knife. For the cleanest cuts, wipe your knife between slices and consider chilling the bars for 30 minutes before cutting.</li><li class="MethodStepper"><h4 class="step-title">Step 13</h4>Store in an airtight container at room temperature for up to 4 days. The flavor actually improves on day two as the ingredients have time to meld. You can also freeze the bars for up to 3 months – individually wrap them for easy grab-and-go treats!</li></ol>

Nutrition Facts (per serving)

🍽️ Serving Size: 1 bar
🔥 Calories: 245 calories
🥑 Fat: 13 g
🧈 Saturated Fat: 8 g
🍞 Carbohydrates: 32 g
🍭 Sugar: 21 g
🍗 Protein: 3 g
🫀 Cholesterol: 45 mg
🧂 Sodium: 165 mg

Chef’s Notes

A few helpful details for making this recipe.

Can I make these cookie bars ahead of time for a party?

Absolutely! These bars actually develop better flavour on day two. Make them up to 2 days ahead and store in an airtight container at room temperature. Alternatively, bake and freeze for up to 3 months - simply thaw at room temperature before serving at your event.

Why are my cookie bars turning out cakey instead of chewy?

Cakey cookie bars typically result from overmixing the batter (which develops gluten), using too much flour, or overbaking. For chewier bars, mix just until ingredients are combined, measure flour accurately (preferably by weight), and slightly underbake them until edges are set but centre looks soft.

What's the secret to getting the perfect chocolate distribution in cookie bars?

For ideal chocolate distribution, use a combination of chips and hand-chopped chocolate for varied texture. Reserve about 1/4 of your chocolate to sprinkle on top before baking. This creates both interior melty pockets and visible chocolate on the surface for that bakery-style appearance.

Want to try something else in ...

More recipes you might like

Keep exploring with more recipes from What's Baking.