Chocolate Chip Cookie Bars Recipe (2024)

By Laura

Posted Nov 17, 2019, Updated Feb 23, 2024

5 from 233 votes

126 Comments

Jump to Recipe

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!

Chocolate Chip Cookie Bars Recipe (2)

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!

Chocolate Chip Cookie Bars Recipe (3)

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!

Chocolate Chip Cookie Bars Recipe (4)
  • 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.
Chocolate Chip Cookie Bars Recipe (5)

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!

Chocolate Chip Cookie Bars Recipe (6)

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.

Chocolate Chip Cookie Bars Recipe (7)

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!
Chocolate Chip Cookie Bars Recipe (8)

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!

Chocolate Chip Cookie Bars Recipe (9)

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 youknowyouroven. Does it have hot pockets? Where do things tend to bake most evenly? Invest in an inexpensive oven thermometerto check the temperature and ensure the internal temperature isactually 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

Chocolate Chip Cookie Bars Recipe (10)

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 (11)

Chocolate Chip Cookie Bars Recipe FAQS

How many bars does a 9×13 pan hold?

If you double this recipe and make it in a 9×13″ pan, you can make up to 36 bars depending on size.

Do cookie bars harden as they cool?

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.

What are bar cookies?

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!

How do you cut bar cookies cleanly and evenly?

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

How do you know when cookie bars are done?

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.

Chocolate Chip Cookie Bars Recipe (12)

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 Recipe (13)

Chocolate Chip Cookie Bars Recipe (14)

SavePinPrint

Chocolate Chip Cookie Bars

Laura

These are the 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!

5 from 233 votes

Course cookies, Dessert

Cuisine American

Servings 16 Cookie Bars

Calories 201.32

Prep Time5 minutes minutes

Cook Time25 minutes minutes

Total Time30 minutes minutes

Ingredients

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

How to double this cookie bar recipe:

Need to serve a large crowd? Simply double the recipe exactly and bake it in a 9×13″ baking dish for 25-28 minutes (or until the edges are golden brown and the top is lightly browned and set).

IngredientsSubstituions:

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

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.

Nutrition

Serving: 1cookie bar (1/16) | Calories: 201.32kcal | Carbohydrates: 29.74g | Protein: 1.82g | Fat: 8.5g | Saturated Fat: 5.29g | Cholesterol: 16.94mg | Sodium: 167.47mg | Potassium: 28mg | Fiber: 0.62g | Sugar: 20.01g | Vitamin A: 202.47IU | Vitamin C: 0.07mg | Calcium: 24.92mg | Iron: 0.73mg

Nutrition information is automatically calculated, so should only be used as an approximation.

Did you enjoy this recipe? Have a question? Leave a comment below!

Try these recipes

Chocolate Chip Cookie Pie

Chocolate Chip Cookie Cake Recipe

Chocolate Chip Skillet Cookie (Pizookie)

The Best Chocolate Chip Cookie Recipe Ever

Best Oatmeal Cookies

Sugar Cookie Bars

Chocolate Chip Cookie Bars Recipe (2024)

FAQs

Can I use regular chocolate bar for cookies? ›

If you don't have much of a sweet tooth, you can use unsweetened chocolate in your chocolate chip cookies. However, I don't recommend it for most people. Even with a sweet cookie dough base, you'll likely end up with chocolate chip cookies that aren't as sweet as you want them to be.

What is the difference between bar cookies and drop cookies? ›

Bar Cookies are cookies that the dough is baked spread-out in a pan. The cookies are cut into “bars” after baking. Most drop cookies can also be made into bar cookies. Bar cookie dough is pretty stiff/firm like a cookie dough.

What if cookie bars are not done in the middle? ›

If the bars are so underbaked that the eggs are still raw, it's probably not a good idea to eat or even try to re-bake them if the bars have been sitting out for very long. We're usually proponents of eating your mistakes, but in this case, it's probably best to toss the batch rather than risk food poisoning!

How do you know when bar cookies are done? ›

For cake-like bars, test with a wooden pick inserted at the center of the pan. If it comes out with a few moist crumbs clinging to it, the cookies are done. Chewy (moister) bars will have a dull, rather than shiny, surface; a slight imprint will remain after touching the surface lightly with your fingertip.

What chocolate bar is best for cookies? ›

Dark chocolate, which contains from 50% to 90% cocoa solids, is often referred to as the best chocolate for cookies. The best type of dark chocolate for chocolate chip cookies will be the one that has at least 60% of cocoa solids.

What are the four types of cookies? ›

Here are the 4 main types of cookies:
  • Session cookies. These are temporary web cookies that are only present as long as your web browser stays open or your session is active. ...
  • Persistent cookies. ...
  • Third-party cookies. ...
  • First-party cookies. ...
  • User experience. ...
  • Advertising and marketing. ...
  • Analytics and web optimization.
May 22, 2023

What are the six basic cookies? ›

  • Bar Cookies. Baked in shallow pan and then cut into bars or squares. ...
  • Drop Cookies. Made from soft dough dropped onto a cookie sheet. ...
  • Rolled Cookies. Made from stiff chilled dough cut into different shapes with cookie cutters. ...
  • Molded Cookies. Shaped by hand. ...
  • Refrigerator Cookies. ...
  • Pressed Cookies.

What are cookies shaped by hand before baking called? ›

Molded cookies are also made from a stiffer dough that is molded into balls or cookie shapes by hand before baking. Snickerdoodles and peanut butter cookies are examples of molded cookies.

Why are my cookie bars raw in the middle? ›

Bar cookies baked in insulated baking pans often don't brown well. Try baking bars longer than called for in your recipe. Realize that most published recipes are not developed using insulated pans. Ideally, only bake one baking pan of bar cookies at a time, placing it on a rack in the middle of the oven.

Can I put undercooked cookies back in the oven? ›

Light colored cookies with dark speckles typically indicates that the cookies are underbaked. You can stick the stone back in the oven for another few minutes and they should finish baking. So how do you know when to bake longer than the recipe calls for? It helps if you have a thermometer in your oven.

Do you bake cookies on the bottom or middle rack? ›

Which oven rack position should you use when baking cookies? Cookies should be baked on the center oven rack for even heating and air circulation. As a best practice, is it recommended to rotate the cookie sheet or sheets roughly halfway, or shortly thereafter, through the baking time, if needed.

Should I use parchment paper when baking cookies? ›

From preventing your cookies from sticking to your pan to keeping a tidy workspace for decorating cakes, cookies, and bars, parchment paper works wonders with its versatility. It's the ultimate sidekick for baking, cooking, food prep, storing, tidying up, and indulging your creativity.

Why are my cookie bars dry? ›

Too little fat will result in dry or cake-like bar cookies. The butter may have been incorrectly measured. Carefully cut on lines found on the butter stick wrapper. Or, pack butter into dry (nested) measuring cup, then use a spatula or straight edge of a knife blade to level even with the top of the cup.

Can I use Hershey's chocolate bar for baking? ›

Easy HERSHEY'S Chocolate Bar Pie

You might be used to making baked goods with HERSHEY'S Cocoa. But did you know you can also make desserts using HERSHEY'S Chocolate Bars? Whip up this pie by simply folding melted chocolate of your choice into a whipped topping and adding the mixture to your favorite pie crust.

Can I use chocolate bar instead of cocoa powder? ›

In general, a 1-ounce piece of unsweetened chocolate can replace 3 Tbsp. cocoa. Though because your chocolate piece will have oil in it, you might want to try leaving out some of the oil; take out 1 Tbsp. of called-for oil for each ounce of chocolate substituted.

Can you use regular chocolate as melting chocolate? ›

The best chocolate for melting contains 32 percent, or higher, cocoa butter. Here's why: All chocolate will melt, but not all chocolate will melt the same. Some types lose their sheen and may become chalky looking when they cool and resolidify.

References

Top Articles
Latest Posts
Article information

Author: Zonia Mosciski DO

Last Updated:

Views: 6126

Rating: 4 / 5 (51 voted)

Reviews: 90% of readers found this page helpful

Author information

Name: Zonia Mosciski DO

Birthday: 1996-05-16

Address: Suite 228 919 Deana Ford, Lake Meridithberg, NE 60017-4257

Phone: +2613987384138

Job: Chief Retail Officer

Hobby: Tai chi, Dowsing, Poi, Letterboxing, Watching movies, Video gaming, Singing

Introduction: My name is Zonia Mosciski DO, I am a enchanting, joyous, lovely, successful, hilarious, tender, outstanding person who loves writing and wants to share my knowledge and understanding with you.