chocolate chip cookie bars stacked on top of each other

Soft and Chewy Chocolate Chip Cookie Bars

Published 07/12/2024
NF
Serves 16
Prep Time 15 minutes
Cook Time 25 minutes
Total Time 40 minutes

This chocolate chip cookie bar recipe is a delightful twist on the classic cookie that combines gooey chocolate, dark brown sugar, molasses, and a soft, chewy texture in every bite. Easy to make and perfect for sharing, these bars are a crowd-pleaser that will quickly become your go-to dessert for any occasion. Satisfy your sweet tooth with this irresistible recipe that’s sure to bring smiles to everyone who takes a bite.

This Chocolate Chip Cookie Bars Recipe is everything you love about the classic cookies in an even easier-to-make recipe! Baked in a pan until crisp and golden around the edges, the bars are soft in the center and bursting with gooey chocolate flavor and notes of caramel in every decadent bite. 

chocolate chip cookie bars stacked on top of each other

Soft and Chewy Chocolate Chip Cookie Bars

Just when you thought chocolate chip cookies couldn’t get any better, I’m giving you this chocolate chip cookie bar recipe! It starts with the classic batter you know and love. 

However, instead of just stopping at chocolate chips, we include chopped semi-sweet chocolate, too. Chopped up and sprinkled on top, it melts into the dough, ensuring you’re never left without a mouthful of chocolate. 

Then, we add a touch of molasses and use dark sugar as the sugar base to deepen the flavor with sweet, rich, caramel-like notes. The moisture also contributes to the moist, chewy texture for cookie bars that stay soft and just begging for you to take a bite. 

Slice up a big batch to share with family and friends, and you may never go back to classic cookies again! 

ingredients for chocolate chip cookie bars separated in bowls

Ingredients You’ll Need

Flour: We are using all-purpose flour, but if you are gluten-free, I have included information about a gluten-free option in the FAQ. I also included tips on measuring flour, which will help ensure your bars come out perfect and aren’t too dry or crumbly.

Baking Soda and Powder: Baking soda and baking powder help with leveling the cookie bars and aid in their texture. The combination of these two compounds ensures a chewy texture with a tender crumb.

Salt: Yes, salt. Really. We infuse it into the batter and sprinkle flaky salt on top after the cookie bars bake. The saltiness balances the sweet flavors. Trust me. You do not want to skip it! 

Softened Unsalted Butter: This contributes to the rich flavor and helps the bars rise in the oven. 

Granulated Sugar: Granulated sugar helps spread the dough and promotes a tender texture and crisp edges. 

Dark Brown Sugar: This plays an important role in this recipe. Dark brown sugar contributes to the rich, complex flavor of the bars and provides additional moisture, which aids in getting the perfect chewy texture for these cookies. It also has more molasses than light brown sugar, which means these bars are extra flavorful.

Eggs: We’re using a whole egg and an egg yolk to hold the bars together and contribute to the chewy consistency. Let them come to room temperature before you begin to allow for easy mixing! 

Vanilla Extract: Any good cookie contains vanilla! Use pure vanilla extract to enhance the taste of the rest of the ingredients. 

Chocolate: Use your favorite chocolate chips and chopped semi-sweet chocolate for a truly indulgent dessert. I’m partial to dark chocolate chips, but semi-sweet chocolate chips also taste great. 

Molasses: Not found in your standard chocolate chip cookie, this takes the chewy texture and complex flavor to a whole new level of incredible! 

How to Make This Chocolate Chip Cookie Bars Recipe

Step 1: Before you begin, preheat your oven to 350°F. Then, line an 8×8 baking dish with parchment paper, and lightly grease it with cooking oil spray. Pro tip: if you prefer thinner, slightly crisper bars, use a 9×9 baking pan instead. 

Step 2: In a medium mixing bowl, sift the flour, baking soda, baking powder, and salt. 

Step 3: In a separate large mixing bowl, add the granulated sugar, brown sugar, butter, and vanilla. Use a hand mixer to beat the mixture for 2-3 minutes or until smooth. Then, add the egg and egg yolk, and beat on medium speed until well combined. 

creamed butter, sugar, and vanilla

Step 4: Next, add your “sifted flour mixture” to your wet batter, and mix with a wooden spoon or rubber spatula until just combined. Be careful not to overmix, or your bars will turn out dense and crumbly! 

Step 5: Fold in your 1 cup of chocolate chips. Pro tip: Transfer the cookie dough to the fridge, and let it chill for 30 minutes to allow the flour to hydrate and absorb that delicious vanilla flavor. 

chocolate chip cookie bars dough in a mixing bowl

Step 6: Transfer the chilled dough to the prepared baking dish, spreading it out into a flat, even layer. Next, sprinkle the chopped chocolate evenly over the dough. 

chocolate chip cookie bar dough

Step 7: Bake the chocolate chip cookie bars for 18-25 minutes or until the edges are set. Top them with flaky sea salt as soon as you take the bars out of the oven. Then, let them cool for at least 30 minutes or until set. 

Step 8: Slice the slab into bars, and enjoy! 

How do I get an accurate flour measurement with a measuring cup? 

Use the Correct Measuring Cup: Use a dry measuring cup. These cups typically come in sizes like 1 cup, 1/2 cup, etc. Fluff the Flour:Before measuring, fluff up the flour in the bag or container using a spoon. This helps prevent compacting and ensures a more accurate measurement.Spoon into the Cup: Gently spoon the fluffed-up flour into the measuring cup, allowing it to pile up above the rim. Level Off: Use a flat edge, like the back of a knife, to level off the excess flour from the top of the measuring cup. Do this without tapping or shaking the cup to avoid settling.

Can I add other ingredients to customize this recipe?

Yes, you can customize your bars by adding extra mix-ins like chopped nuts, toffee pieces, caramel bits, or different kinds of chocolate chips. 

How should I store leftover cookie bars? 

Store any leftovers in an airtight container at room temperature for up to 3 days or in the fridge for up to 5 days.

Can I freeze this recipe?

Yes, once cooled, you can wrap the bars in plastic wrap and transfer them to an airtight container. They will stay fresh in the freezer for up to 3 months. When you are ready for them, thaw them in the fridge overnight, and bring the bars to room temperature when you’re ready to serve.

Can I make this recipe gluten-free? 

Yes, I recommend using a 1 to 1 all-purpose gluten-free flour.

Can I use light brown sugar?

Absolutely! Light brown sugar tastes just as good. You will also have a lighter cookie base, if that is what you prefer.

More Delicious Brownie & Bar Recipes

Chocolate chip cookie bars cut into 16 pieces.

I hope you love this Soft and Chewy Chocolate Chip Cookie Bars Recipe a try! It’s easy to make and always a hit. If you do give this recipe a try, I want to know! Leave a comment with a star rating below. You can also snap a photo & tag @‌butterloveandsalt on INSTAGRAM. Your reviews help support Butter, Love & Salt and make it possible for me to continue to create delicious recipes.

chocolate chip cookie bars stacked on top of each other
chocolate chip bar cookies, chocolate chip cookie bar recipe, chocolate chip cookie bars

Soft and Chewy Chocolate Chip Cookie Bars

5 from 1 vote
Prep Time :15 minutes
Cook Time :25 minutes
Total Time :40 minutes
Serves: 16

Ingredients

  • 1 1/3 cup all purpose flour
  • 1/2 tsp baking soda
  • 1/4 tsp baking powder
  • 1/2 tsp salt
  • 1/2 cup of unsalted butter softened
  • 1/2 cup granulated sugar
  • 1/2 cup dark brown sugar
  • 1 egg
  • 1 yolk
  • 2 tsp vanilla extract
  • 1 cup chocolate chips
  • 1 oz semi-sweet chocolate chopped
  • 2 tsp molasses
  • flaky salt to top

Instructions

  • Preheat your oven to 350°F. Line a 8X8 baking dish (or 9×9 if you are looking for thinner bars) with parchment paper and lightly grease. Set aside.
  • In a medium mixing bowl, sift the flour, baking soda, baking powder, and salt. Set aside.
  • In a large mixing bowl, add the granulated sugar, brown sugar, molasses, butter and vanilla and beat with a hand mixer for 2-3 minutes. Next, add the egg and egg yolk. Beat on medium until combined.
  • Next, add your “sifted flour mixture” into your wet batter and mix with a wooden spoon or rubber spatula until just combined. Be sure not to over mix.
  • Fold in the chocolate chips. Pro Tip: Transfer the cookie dough to a fridge and let chill for 30 minutes to allow the flour to hydrate and absorb that vanilla flavor.
  • Remove your chilled dough from the refrigerator and transfer the dough to the greased baking dish. Press the cookie dough until flat and even. Next, add the chopped chocolate to the top of the dough.
  • Bake the bars for 18-25 minutes or until the edges are set. Top with flaky sea salt as soon as you take the bars out of the oven. Let cool for at least 30 minutes or until set.
  • Once cooled, let them through the parchment, cut, and enjoy! Also, feel free to add a comment on my blog! Also, be sure to share your photo on instagram and tag @butterloveandsalt! We would love to see how your chocolate chip cookie bars come out!

Nutritional Information

Serving: 1gCalories: 217kcal (11%)Carbohydrates: 30g (10%)Protein: 2g (4%)Fat: 10g (15%)Saturated Fat: 6g (38%)Polyunsaturated Fat: 0.4gMonounsaturated Fat: 2gTrans Fat: 0.2gCholesterol: 38mg (13%)Sodium: 121mg (5%)Potassium: 83mg (2%)Fiber: 0.4g (2%)Sugar: 21g (23%)Vitamin A: 209IU (4%)Calcium: 27mg (3%)Iron: 1mg (6%)

Recipe by: Chavez Adams / Butter, Love & Salt | Photography by: Eat Love Eat

Rate & Review

What did you think of this recipe?

Your email address will not be published. Required fields are marked *

Recipe Rating




  1. 5 stars
    Made this for my daughter’s birthday and it did not disappoint! So decadent. The perfect texture and flavor! Highly recommend!