Chocolate Chip Cookie Bars Recipe

Learn how to make the best homemade chocolate chip cookie bars with crisp edges and soft, chewy centers. This easy baking recipe transforms classic cookie dough into convenient bar form - perfect for feeding a crowd! The brown butter and combination of sugars create an irresistible caramel undertone.

Difficulty:

Beginner

Prep Time:

15 mins

Cook Time:

25 mins

Serves:

16 bars

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>

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>

FAQs

Find answers to your most pressing questions about this delicious recipe right here.

What ingredients are used in Chocolate Chip Cookie Bars Recipe?

These cookie bars require unsalted butter, light brown and granulated sugars, eggs, vanilla, all-purpose flour, baking soda, salt, semi-sweet chocolate chips or chunks, and optional flaky sea salt for sprinkling. Brown butter adds a delicious caramel flavour to the recipe.

How to cook Chocolate Chip Cookie Bars at home?

Learn how to cook Chocolate Chip Cookie Bars by melting or browning butter, mixing with sugars, adding eggs and vanilla, folding in dry ingredients, and studding with chocolate chips. Press into a parchment-lined baking pan and bake at 180°C for 22-25 minutes until edges are golden but centre remains slightly underdone for that perfect chewy texture.

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 ...