Chocolate Chip Cookie Bars
Posted Nov 17, 2019, Updated Aug 14, 2024
This post may contain affiliate links. Please read our disclosure policy.
These are the absolute best chocolate chip cookie bars. This cookie bar recipe is easy to make (5 minutes to mix, 20 minutes to bake) and results in a gooey, chewy, doughy yet fully cooked chocolate chip cookie bar that is 100% irresistible. Serve warm with a scoop of ice cream!
What do you do when the craving for chocolate chip cookies strikes, but you just don’t have the time (or energy) to scoop, roll and bake multiple batches of your favorite treat? Enter these Chocolate Chip Cookie Bars! They have all the taste (and dare I say even more gooey, doughy perfection), with way less work! A total win!
This chocolate chip cookie bar recipe is seriously the best. It is easy to make, taking only 5 minutes to whip up and 20 minutes to bake!
And the results speak for themselves, gooey, chewy, doughy yet fully cooked chocolate chip cookie bars that are 100% irresistible. Serve the warm with a scoop of ice cream and you have achieved dessert nirvana!
Ingredients in Chocolate Chip Cookie Bars
As you can see, there are only 10 ingredients in this chocolate chip cookie bar recipe, all of which you likely have on hand at all times! We’ll chat briefly about the ingredients and possible substitutions before we jump into the “how-to” make this cookie bar recipe!
- All-purpose flour. I recommend using unbleached, all-purpose flour in these cookie bars. For a gluten-free version, use an all-purpose gluten-free baking flour.
- Brown sugar. I love the flavor of light brown sugar in this cookie bar recipe. If you like a deeper, molasses taste, use dark brown sugar.
- Granulated sugar. white or organic cane sugar are great choices.
- Salted Butter. unsalted butter, ghee or coconut oil are all good substitutes. Or, try using brown butter for a rich, caramel flavor.
- Sea salt. Sea salt is different than table salt (that is iodized), so if you use table salt I recommend using half the amount called for in the recipe.
- Chocolate chips. Choose your favorite chocolate chip variety to use in these cookie bars! I prefer dark or semi-sweet chocolate chips. If you have an excess of candy in your house (think, post-Halloween) try making this Candy-Stuffed Cookie Bar variety!
- Can I use chocolate bar instead of chocolate chips? Yes! You can use chopped chocolate in place of the chips.
How to Make Chocolate Chip Cookie Bars
Ok, now that we’ve chatted about the ingredients in this cookie bar recipe, let’s dive in and get baking! Remember to watch the video for the step-by-step process!
Start making these cookie bars by creaming together the butter and sugars until the ingredients are evenly combined
Next, add vanilla and egg and beat again until the ingredients are mixed well and the sugar is dissolved!
You can either mix the dry ingredients together in a separate bowl before you begin the rest of the recipe โ which I recommend to ensure even distribution โ or just toss them into the mixer on top of the beaten wet ingredients.
Either way, beat them in until they are just combined and the dough is uniform throughout.
Add in your favorite chocolate chips (or other mix-ins of your choice) and stir on low speed until they are evenly distributed throughout the dough!
Cookie Bar Mix-in Ideas
If you’d like to add different mix-ins to this cookie bar recipe, here are some suggestions:
- Sprinkles. Choose your favorite sprinkles to make these cookie bars festive! Red and green for Christmas, black and orange for halloween! You can’t go wrong!
- White chocolate. Add some white chocolate chips or chunks!
- Peanut butter chips. LOVE this addition!
- Cinnamon chips. YUM!
Bake
Line and grease an 8×8″ baking dish. Transfer the cookie bar dough to the baking dish and use a spatula to press it into the pan until the top is even. If desired, sprinkle a few extra chocolate chips on top!
Bake these chocolate chip cookie bars for about 20 minutes. Please note: I use a convection oven (one that uses a fan to distribute heat evenly), so I don’t have to worry about the rack I bake on, hot pockets in the oven, etc.
All Ovens bake differently
Make sure you know your oven. Does it have hot pockets? Where do things tend to bake most evenly? Invest in an inexpensive oven thermometer to check the temperature and ensure the internal temperature is actually the temperature to which the oven is set. If your oven is baking too hot or too cold, then the cookie bars might burn on the top and still be gooey in the center
Cool, Cut & Serve
Finally, let the cookie bars cool for at least 30 minutes. The longer they cool, the better they hold up to cutting. If you’re just going to serve them warm with vanilla ice cream, then I wouldn’t worry too much about their appearance, because the taste and warm gooey texture is most important in that situation!
Store/Freeze
Store these cookie bars in an airtight container in the refrigerator for up to 1 week, or in the freezer for up to 2 months.
Chocolate Chip Cookie Bars Recipe FAQS
Yes, double the ingredients and bake in a 9×13″ glass baking dish for 25-28 minutes.
If you double this recipe and make it in a 9×13″ pan, you can make up to 36 bars depending on size.
Yes, these cookie bars become firm as they cool. When they are fresh from the oven they are soft and gooey. But they do harden as they come to room temperature.
A bar cookie is simply a cookie baked in a bar form. You can take almost all of your favorite cookie dough recipes and turn them into bar cookies! They are gooier and easier to make!ย
Here are my tips on getting clean, even squares:
Let the cookie bars cool all completely to room temperature before cutting.ย
Use a very sharp, long knife.ย
Dip the knife in warm water and quickly dry it off before the first cut. Then wipe it clean, dip it in warm water, then dry again before each subsequent cut.ย
Use a ruler to measure equal pieces. If cutting these cookie bars into 16 squares, you’d want each bar to be 2″ x 2.”
These chocolate chip cookie bars are done when the edges are lightly golden brown and the top is set. They will jiggle slightly when removed from the oven.
If you make and love our recipes, it would mean so much to me if you would leave a comment and rating! And don’t forget to follow along with us on Instagram, Pinterest, Facebook, and Youtube – be sure to tag @joyfoodsunshine and use the hashtag #joyfoodsunshine so we can see your creations!
Chocolate Chip Cookie Bars
Equipment
Ingredients
- ยฝย cupย butter softened
- ยฝย cup granulated sugar
- ยฝย cup light brown sugar packed
- 1ย egg, large
- 1ย teaspoon pure vanilla extract
- 1 ยฝย cups all-purpose flour
- ยฝย teaspoon baking soda
- ยผย teaspoon baking powder
- ยฝย teaspoon sea salt
- 1ย cup chocolate chips
Instructions
- Preheat oven to 350 degrees F.
- Line a 9×9โ square baking pan (or 8×8" for thicker bars) with parchment paper and lightly grease. Set aside.
- In a small bowl, mix together flour, baking soda, baking powder, and salt. Set aside.
- In the bowl of a standing mixer, cream together butter, light brown sugar and granulated sugar until well combined.
- Add egg and vanilla to the butter/sugar mixture and beat until combined.
- Add dry ingredients and beat until all the ingredients are thoroughly combined.
- Add chocolate chips and mix until evenly distributed.
- Press the cookie dough into the bottom of the prepared baking pan.
- Top with extra chocolate chips (if desired).
- Bake for 18-25 minutes, or until the edges are set, and the top is just barely browned.
- Place baking pan on a wire cooling rack and let the bars cool in the pan for at least 30 minutes (preferably longer, they hold up better as they cool).
- Use the parchment paper to lift the cookie bars out of the pan, then cut into squares and serve.
Video
Notes
- All-purpose flour.ย I recommend using unbleached, all-purpose flour in these cookie bars. For a gluten-free version, use an all-purpose gluten-free baking flour.
- Brown sugar.ย I love the flavor of light brown sugar in this cookie bar recipe. If you like a deeper, molasses taste, use dark brown sugar.
- Granulated sugar.ย white or organic cane sugar are great choices.
- Salted Butter.ย unsalted butter, ghee or coconut oil are all good substitutes. Or, use browned butter.
- Sea salt.ย Sea salt is different than table salt (that is iodized), so if you use table salt I recommend using half the amount called for in the recipe.ย
- Chocolate chips.ย Choose your favorite chocolate chip variety to use in these cookie bars! I prefer dark or semi-sweet chocolate chips. If you have an excess of candy in your house (think, post-Halloween) try making this Candy-Stuffed Cookie Bar variety!
-
- Can I use chocolate bar instead of chocolate chips?ย Yes! You can use chopped chocolate in place of the chips.
-
Nutrition
Nutrition information is automatically calculated, so should only be used as an approximation.
Could you cut the sugar amount in half? The first time I made it I used 1/4 for both and it worked, but other times I made it it didnโt so I used the regular amount but itโs super sweet? ๐
These were SO easy and SO GOOD! They came out looking so great! I usually am not great at cookies but these came out perfect and were quick to whip up!
These are awesome!! Got an 8×8 aluminum pan and ended up leaving them in about 25 mins and they turned out like the photos :). So happy thank you for incredible and easy recipe!
Can these be made in a glass baking pan and does that change temperature or time? What is the best pan to use? Thanks! ๐
The first time I made this it worked great! I had left it in the pan and waited until morning to cut and eat (Made at night)
The 2nd and 3rd time I made it all the same and it was very dry, which Iโm trying to figure out why? ๐๐พ๐
If you followed the recipe exactly the only thing that could cause them to be dry is overbaking.
Okay I did 20 minutes so may do more less
Love these, perfect every time. I use dark chocolate chips and chopped walnuts or pecans,
Measured with the heart.
This recipe was honestly the best cookie-bar recipe. Iโve tried, tiktok, YouTube and other websites but this one is by far the best and Iโm not just saying that. All my friends and family loved it and it was gone within the first 2 hours!
However, as I used a gas oven, it took a little bit more longer to cook (45 minutes) and the bottom was gooey but the top was crispy (almost burnt) this has nothing to do with the recipe, the recipe itself was so good just keep that in mind if you have a gas oven x.
Also, I watched the video on the tutorial to make this and I canโt lie I was scared about how thin the base was and if youโre worried about this, donโt. I used a 12×9 inch pan and used double the recipe in metric form and it was the perfect thickness.
In conclusion, if youโre trying to find a good cookie dar recipe this is definitely the one itโs so delicious and it youโre making it for a crowd it will be gone in second I promise!
Hope this helped and hope you try it! xxx
This recipe is awesome!! I added chocolate & peanut butter chips, finished off with mini chips on top and they are delicious! I doubled the recipe and baked in a 9×13″ pan as I’m taking them to a fish fry. Thanks for the great recipe!
Love! Delish recipe and so much easier than individual cookies
Yes! I love this recipe for that reason! ๐ I’m so glad you like it too!
I have what I think is your recipe that I printed a couple of years ago but my recipe has 1 tsp of baking powder instead of 1/2. Did you change it recently? I have used so many times that I came back to print another copy and that is the only difference in what I have. Just wondering. It is my favorite recipe for chocolate chip cookies. ๐
I didn’t change it!