• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Home
  • About
    • Contact
    • Privacy Policy
    • Work With Me
  • Recipe Index
  • Moments
    • Pregnancy/Baby
      • Baby Registry List
      • Thriving Postpartum: What to Expect & Postpartum Essentials for Mom
  • Shop
    • Best Kitchen Gifts
    • Baby Registry List
    • Kitchen Tools (Must Haves)
    • Pantry Staples (Baking & Cooking)
    • Food Photography Essentials
  • Instagram
JoyFoodSunshine
menu icon
go to homepage
search icon
Homepage link
  • Home
  • Recipe Index
  • About Laura
  • Contact
    • Facebook
    • Instagram
    • Pinterest
    • RSS
    • Twitter
    • YouTube
  • Never Miss a Recipe

  • ×

    Home » Chocolate Chip Cookie Bars

    Chocolate Chip Cookie Bars

    Published: Nov 17, 2019 · Modified: Sep 9, 2022 by Laura · This post may contain affiliate links.

    Jump to Recipe

    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! 

    front view of a stack of 4 chocolate chip cookie bars.

    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! 

    overhead view of 16 chocolate chip cookie bars cut into squares

    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! 

    overhead view of the ingredients in this chocolate chip 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, then you can use dark brown sugar if you wish!
    • Granulated sugar. I bake with organic cane sugar (I buy the Kirkland brand at Costco). However any white, granulated sugar works well in this recipe! 
    • Butter. Both salted or unsalted butter work beautifully in these cookie bars. I use salted! If you choose unsalted you might need to increase the sea salt (I recommend tasting the dough and deciding)!
    • Sea salt. I exclusively bake and cook with pure sea salt. Sea salt is different than table salt (that is iodized), so if you use table salt I recommend using ½ 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! 
    stack of 4 Chocolate Chip Cookie Bars - the top one has a bite taken out of it.

    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! 

    Cream together butter and sugars

    Start making these cookie bars by creaming together the butter and sugars until the ingredients are evenly combined 

    Add vanilla and egg

    Next, add vanilla and egg and beat again until the ingredients are mixed well and the sugar is dissolved! 

    two photos showing how to make this chocolate chip cookie bar recipe

    Add dry ingredients

    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. 

    two phots showing how to make this chocolate chip cookie bar recipe

    Add chocolate chips

    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!
    overhead view of chocolate chip cookie bar dough in a standing mixer

    Transfer cookie bar dough to a baking dish

    Line and grease an 8x8" 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! 

    two photos showing how to make cookie bars

    Bake!

    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. 

    Note on ovens baking differently

    Make sure you know your oven. Does it have hot pockets? Where do things tend to bake most evenly? Invest in a cheap 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

    overhead view of chocolate chip cookie bars baked in a square dish

    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. 

    overhead view of 9 chocolate chip cookie bars

    FAQS about Chocolate Chip Cookie Bars

    Can I double this cookie bar recipe? 

    Yes, I have doubled this with tremendous success! Simply bake it in a 9x13" baking dish for 20-25 minutes (or until the edges are golden brown and the top is lightly browned and set). 

    How many bars does a 9x13 pan hold?

    If you double this recipe and make it in a 9x13" pan, you can make up to 36 bars, depending on the size you cut them. 

    Do cookie bars harden as they cool?

    Yes, these cookie bars become more "firm and sturdy" 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, or if they are cooled in the refrigerator. 

    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?

    If you're cutting these to add to a cookie tray or serve to a crowd, 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, which gives you the nice gooey center pieces. If you prefer a firmer cookie bar, bake longer. 

    front view of a chocolate chip cookie bar with a bite taken out of it

    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 your creations!

    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 142 votes
    Print Recipe Pin Recipe Save Recipe Saved!
    Prep Time 5 mins
    Cook Time 25 mins
    Total Time 30 mins
    Course cookies, Dessert
    Cuisine American
    Servings 16 Cookie Bars
    Calories 201.32 kcal

    Equipment

    • KitchenAid Mixer
    • spatula
    • measuring spoons
    • measuring cups
    • spatula
    • glass batter bowl
    • 8x8" baking pan

    Ingredients
     
     

    • ½  cup  butter softened
    • ½  cup granulated sugar
    • ½  cup light brown sugar packed
    • 1  egg, large
    • 1  tsp pure vanilla extract
    • 1 ½  cups all-purpose flour
    • ½  tsp baking soda
    • ¼  tsp baking powder
    • ½  tsp sea salt
    • 1  cup chocolate chips
    Prevent your screen from going dark

    Instructions
     

    • Preheat oven to 350 degrees F.
    • Line a 9x9” square baking pan 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 9x13" baking dish for 20-25 minutes (or until the edges are golden brown and the top is lightly browned and set). 

    IngredientsSubstituions: 

    • All-purpose flour. For a gluten-free version, use an all-purpose gluten-free baking flour!
    • Brown sugar. If you like a deeper, molasses taste, then you can use dark brown sugar if you wish!
    • Granulated sugar. I bake with organic cane sugar (I buy the Kirkland brand at Costco). However any white, granulated sugar works well in this recipe! 
    • Butter. Both salted or unsalted butter work beautifully in these cookie bars. I use salted! If you choose unsalted you might need to increase the sea salt (I recommend tasting the dough and deciding)!
    • Sea salt. I exclusively bake and cook with pure sea salt. Sea salt is different than table salt (that is iodized), so if you use table salt I recommend using ½ 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.
      • 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.32kcalCarbohydrates: 29.74gProtein: 1.82gFat: 8.5gSaturated Fat: 5.29gCholesterol: 16.94mgSodium: 167.47mgPotassium: 28mgFiber: 0.62gSugar: 20.01gVitamin A: 202.47IUVitamin C: 0.07mgCalcium: 24.92mgIron: 0.73mg
    Tried this recipe?Let us know how it was!

    More delicious cookie & bar recipes!

    We take our dessert seriously around here! Check out these recipes to satisfy your sweet tooth! 

    • The BEST chocolate chip cookies ever (if you're in the cookie-baking mood)! Or, try these gluten-free chocolate chip cookies. 
    • Make this giant chocolate chip chocolate chip cookie cake - better than store-bought and perfect for any occasion!
    • This Skillet Cookie (Pizookie) recipe is very similar to these bars, but a little gooier! It's like eating warm cookie dough and it comes together in 20 minutes flat!
    • Millionaire shortbread bars are a seriously delicious bar recipe!
    • Stuff these babies with candy and make these Candy Cookie Bars!
    • No-Bake Peanut Butter Bars are like a peanut butter cup in bar form!
    • No-Bake Chocolate Peanut Butter Oatmeal bars is one of my favorite easy bar cookie recipes!
    • These peanut butter cookies are the best you'll ever try!
    • Who doesn't love a classic oatmeal cookie recipe? 
    • I make this healthy peanut butter oatmeal skillet cookie embarrassingly often (because it only takes 15 minutes to make)!
    • These Double Chocolate Chip Cookies have three different forms of chocolate!

    This post contains affiliate links, which means that if you purchase a product through a link you clicked on here, I receive a portion of the sale. Thank you for supporting JoyFoodSunshine! 

    « Best Kitchen Gifts
    Peanut Butter Blossoms »

    Did you make this recipe?

    Leave a comment and review below, then take a picture and tag @joyfoodsunshine #joyfoodsunshine on Instagram so I can see it! Sign up here to receive weekly e-mails!

    Reader Interactions

    Comments

    1. Jilly

      March 27, 2023 at 8:45 pm

      5 stars
      Delicious!!! Quick and easy. Used a 9x9 pan. I have a tiny oven with extremely variable temperatures so I eye-balled the time. Turned out so chewy. 10/10!!!

      Reply
      • Laura

        March 28, 2023 at 7:44 am

        Thank you Jilly!

        Reply
    « Older Comments

    Leave a Reply Cancel reply

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

    Recipe Rating




    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    Primary Sidebar

    Search

    About Laura

    I’m Laura, a former chemistry teacher turned homeschooling mom of six beautiful babies! I create simple and delicious recipes that are tested and perfected to make cooking and baking joyful and fun!

    Click here to read more >>

    • Facebook
    • Instagram
    • Pinterest
    • RSS Feed
    • Twitter
    • YouTube

    Most Popular Recipes

    • The Best Chocolate Chip Cookie Recipe Ever
    • Best Cinnamon Rolls Recipe (Better than Cinnabon)
    • Easy Homemade Pizza Dough Recipe
    • Easy Dutch Oven No Knead Bread
    • Easy Homemade Pizza Sauce Recipe (5- Minutes)
    • Asian Chicken Lettuce Wraps
      Asian Chicken Lettuce Wraps (Better than P.F. Chang's)!

    Trending now

    • Blueberry Baked Oatmeal Recipe
    • Healthy Pineapple Carrot Cake
    • The Best Banana Cake Recipe
    • Egg Casserole (Egg Bake)
    • Baked French Toast Casserole
    • Best Carrot Cake Recipe
      Best Carrot Cake Recipe

    Footer

    ↑ back to top

    Joy Food Sunshine Logo
    • Facebook
    • Instagram
    • Pinterest
    • RSS Feed
    • Twitter
    • YouTube

    Never Miss a Recipe

    8752 shares
    • 640