This post contains affiliate links. Please see our disclosure policy.

Chocolate Chip Cookie Bars are a breeze to whip up, and taste like a million bucks! These chewy cookie bars with pantry staple ingredients, brown butter for a huge boost flavor with minimal effort, and plenty of chocolate chips. Bake to gooey perfection and watch these bars absolutely fly off the plate!

Save this recipe!
Get this sent to your inbox, plus get new recipes from us every week!

I’ve been sitting on this recipe for a while, but today we can rejoice for I’m finally sharing it! That may sound dramatic, but trust me – it’ll be love at first bite once you make these bars. Especially if you dive in while they’re warm & gooey, fresh from the oven, with a scoop of vanilla ice cream melting on top. SWOON!

  • Easy Dessert Recipe – Any skill level from beginner to expert can easily master these bars on the first try! These are also perfect for when you’re feeling lazy – no need to portion out individual cookies!
  • Gooey Cookie Bars – These bars bake to gooey perfection. They’re chewy with a bit of crispness around the edges.
  • Brown Butter – Brown butter adds an INCREDIBLE boost of flavor to these cookie bars, and only adds about 5 minutes of prep work.
A close-up of the chocolate chip cookie bars topped with flaky sea salt.

Ingredient Overview:

As always, the full recipe with measurements & directions can be found at the bottom of this post, in the recipe card.

  • Butter – I always use salted buter for the best flavor, but feel free to use unsalted butter if you prefer.
  • All-purpose flour – Spoon your flour into the measuring cup, then level it with a flat utensil for best results, or use a scale. Scooping the measuring cup directly into your flour will lead to too much flour, and a potentially dry bake.
  • Vanilla extract – Use real vanilla extract for the best flavor!
  • Brown & Granulated Sugars – Using a mix of brown and white sugar keeps these cookies super soft and flavorful.
  • Eggs – Use large eggs.
  • Chocolate chips – Use semi-sweet chocolate chips, or a mix of semi-sweet and milk or semi-sweet and dark, depending on your taste preferences. Chocolate chunks work great too! I also love adding 1 cup of m&ms (like in my Fireworks M&M Cookie Bars!)

Recipe Variations:

  • Dairy-free – Use your favorite dairy-free butter and dairy-free chocolate chips.
  • Vegan Cookie Bars – Use 2 tbsp of cornstarch dissolved in 1/4 cup + 2 tbsp water as an egg substitute to make this cookie bar recipe vegan. If you’re vegan, you’ll also love my Eggless Chocolate Chip Cookies.
  • Quicker Bars – You can make these bars with the melted butter if you don’t want to wait for it to come back to room temp to beat with the sugars. Follow the recipe the same as written.
  • M&ms – Add 1 cup of m&ms to the recipe if you want m&m cookie bars!
  • Other Mix-Ins – Add 1 cup of chopped pecans, walnuts, pretzels, or potato chips to change up the flavors!
  • Individual Cookies – Try my one-bowl chocolate chip cookies if you want to make regular cookies! The base recipe is virtually the same.

Step 1: Brown the Butter. This is a simple process that just adds a few extra minutes of work, and tons of extra flavor. Melt butter in a saucepan. Once melted, cook over medium low heat, stirring, until it turns golden brown and develops a nutty aroma.

Transfer this to your mixing bowl (or other medium bowl) to cool in the fridge, scraping the pan really well to get all those nice brown bits out.

A wooden spoon stirring browned butter in a saucepan.

Step 2: Make the Cookie Dough. Whisk the sugars into the cooled brown butter, in a large mixing bowl. Whisk in the eggs and vanilla.

Whisking sugar, butter, egg, and vanilla together in a glass bowl.

Step 3: Finish the Cookie Dough. Fold in the dry ingredients and chocolate chips last, making sure to mix well by hand (or with a mixer) so that all the dry bits are incorporated.

Your dough may look softer or wetter than this depending on how long you let your butter cool. Don’t fret – it will be fine!

A bowl of cookie dough.
A bowl of cookie dough, with chocolate chips mixed in.

Step 4: Add dough to Pan. Press the dough into a parchment paper-lined pan, and add a handful or two of extra chocolate chips on top. This helps fill in any bare spots where the chocolate chips didn’t distribute super evenly. 

The cookie dough pressed into a pan, ready to bake.

Step 5: Bake the Bars. Bake the bars for 16 to 20 minutes – they’ll look a tad underdone, but this is the perfect bake time. They’ll set up as they cool, and if you over bake them, they’ll be dry the next day and we don’t want that.

This is the secret to most cookie recipes – they’re done when they look like they might need a minute or two more. 

The baked cookie bars in a 9x13 pan.

Serving + Storing:

Let the chocolate chip bars cool at least 30 minutes before digging in. I know, I know – it’s so hard to do that! If you want nice neat squares, let cool completely before slicing and serving.

These are absolutely incredible with a little bit of flaky sea salt sprinkled on top! And if you love these bars, make my Brown Butter Chocolate Chip Cookies next!

Sliced cookie bars on a white surface with two glasses of milk.

Expert Success Tips:

  • Oven Thermometer – An oven thermometer will tell you if your oven is actually running at the temperature you set it to. Your oven may not be accurate. Accurate oven temperature is crucial for most bakes, so I leave an oven thermometer in at all times to keep an eye on my oven’s calibration.
  • Kitchen Scale – A food scale is the best way to make sure your flour is at the proper weight, since amounts will vary SO widely based on how you measure it, as well as the measuring cup you use, as they are not standardized.
  • Bakery-Worthy Bar Cookies – Be sure to add those extra chocolate chips on top before baking. It not only adds extra chocolate, but also makes the bars look super professional!

FAQs:

Can I halve this recipe?

Yes, you absolutely can. Bake in an 8×8 or 9×9 pan for about the same amount of time, starting with just a bit less to be safe.

Can I double the recipe?

I would recommend just making two batches, as that would be a ton of dough for one mixing bowl to handle!

Sliced cookie bars with two glasses of milk on the side.

Did you make this recipe? Leave a comment & star rating! 

Click the little stars in the header of the recipe card below to leave a comment & star rating, letting me know how you liked the recipe. I take all feedback seriously, & leaving a rating helps my small business immensely!


A close-up of a chocolate chip cookie bar with a bite missing and flaky sea salt on top.
4.89 from 42 votes
By Stephanie Simmons
Brown Butter Chocolate Chip Cookie Bars are a breeze to whip up, and taste like a million bucks! Made with pantry staple ingredients, brown butter for extra flavor, and plenty of chocolate chips, these bars are sure to be a hit anywhere you take them. 
Prep: 20 minutes
Cook: 16 minutes
Total: 36 minutes
Servings: 16 to 24 bars
Save this recipe!
Get this sent to your inbox, plus get new recipes from us every week!

Ingredients 

  • 1 cup + 2 tbsp salted butter, 254 grams
  • 3/4 cup brown sugar, packed, 163 grams
  • 3/4 cup granulated sugar, 155 grams
  • 2 tsp vanilla extract
  • 2 large eggs
  • 2 and 2/3 cups all-purpose flour, spooned & leveled or weighed out , 347 grams
  • 1 tsp baking soda
  • 1/4 tsp salt
  • 1 and 1/2 cups semi-sweet chocolate chips, plus a generous handful for topping
  • flaky sea salt, for topping

Instructions 

  • Make the Brown Butter: Add butter to a medium saucepan over medium heat. Melt the butter, stirring occasionally. Once it's melted, turn the heat to medium-low, and continue cooking the butter, stirring frequently. The butter will get foamy and bubbly, and then turn a deep golden shade with a nutty, caramely aroma. (This will take about 4-6 minutes once the butter has melted.) Once the butter reaches this stage, remove it from the heat. Pour the butter into the mixing bowl you plan to use, and let it chill in the freezer for about 30 minutes to bring it back to the consistency of room temperature softened butter, or use it in it's melted state – just let it cool a bit so it's not piping hot.
    1 cup + 2 tbsp salted butter
  • Prep: Preheat your oven to 350° F and spray a 9×13 pan with nonstick spray and line with parchment paper.
  • Make the cookie dough: Cream softened butter in a large mixing bowl with an electric mixer on high speed, making sure to get all the brown bits from the bottom of the bowl mixed in. Add the sugars and mix on high until well creamed with the butter, about 1 minute. Add the vanilla and eggs and mix until just combined. Add the flour, baking soda, and salt and mix until a dough forms – it may be a bit crumbly at first, but just keep mixing until it comes together. Add the chocolate chips and mix to distribute them throughout the dough.
    Note: If using the melted brown butter, just be sure it's not steaming hot – whisk in the sugars, then the rest of the ingredients in the same way as directed above.
    3/4 cup brown sugar, packed, 3/4 cup granulated sugar, 2 tsp vanilla extract, 2 large eggs, 2 and 2/3 cups all-purpose flour, spooned & leveled or weighed out , 1 tsp baking soda, 1/4 tsp salt, 1 and 1/2 cups semi-sweet chocolate chips, plus a generous handful for topping
  • Bake: Press the dough evenly into the prepared pan, and add the extra handful of chocolate chips on top, in spots where it needs a bit more chocolate. Bake for 14-16 minutes. The bars will look a tad underdone, and you may be tempted to leave them in longer, but 16 minutes is the perfect amount of time. The edges will appear a bit more set than the center, and a toothpick inserted into the center should have some moist crumbs, but not wet batter.
    flaky sea salt, for topping
  • Serve + Store: Let rest for 30 minutes before slicing and serving. The longer you let them sit, the neater slices you'll get, but these really are best while they're still nice and warm from the oven, with a sprinkle of flaky sea salt.
    Store leftovers (ha!) in an airtight container at room temp for 4-6 days, or longer in the fridge. I highly recommend gently warming leftover bars in the microwave for that ooey gooey factor.

Nutrition

Serving: 1bar, Calories: 361kcal, Carbohydrates: 44g, Protein: 4g, Fat: 19g, Saturated Fat: 11g, Polyunsaturated Fat: 1g, Monounsaturated Fat: 5g, Trans Fat: 0.5g, Cholesterol: 55mg, Sodium: 210mg, Potassium: 145mg, Fiber: 2g, Sugar: 26g, Vitamin A: 397IU, Calcium: 29mg, Iron: 2mg

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

Like this? Leave a comment below!

Stephanie Simmons

I’m a Mom & Grandma-taught cook + baker, and I’m excited to share my love of all things food with you!

You May Also Like

4.89 from 42 votes (12 ratings without comment)

Leave a comment

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.

65 Comments

  1. Alex Berzak says:

    5 stars
    These were so good! So gooey and yummy

    1. Stephanie Simmons says:

      So glad to hear you enjoyed this recipe, Alex!

  2. Taydra says:

    5 stars
    I made a double batch & but them in a 18×13 and baked for 21 mins!! Absolutely perfect.

    1. Stephanie Simmons says:

      Thanks so much for your review, Taydra!

  3. Carma says:

    5 stars
    These cookie bars are simple and divine. The brown butter is everything so don’t give up, it may take a little longer than expected. Also, I did leave mine in a few minutes longer. My oven may not be perfectly calibrated. Just watch them around 16 minutes. I pulled them when the edges looked set and center barely jiggles.

    1. Stephanie Simmons says:

      So glad to hear you enjoyed this recipe, Carma!

  4. Nicole says:

    5 stars
    So good! The only thing I would say is I don’t think 16 minutes is enough time. I cooked an extra 3 minutes and I think I could have gone a few minutes longer!

    1. Stephanie Simmons says:

      So glad to hear you enjoyed this recipe, Nicole!

  5. Lina says:

    5 stars
    Amazing

    1. Stephanie Simmons says:

      Thank you, Lina!

  6. Paige says:

    5 stars
    These are not your average cookie bars- they are sooo much better! I have made this recipe 10+ times and it’s so easy and everyone’s reaction is always “wow”. My only complaint is this is all my family requests from me now and I don’t get to try other recipes as often!

    1. Stephanie Simmons says:

      So glad to hear you enjoyed this recipe, Paige! Since you make these often it sounds like, some fun ways I like to switch things up is adding toffee bits (heath makes these) and/or m&ms along with the chocolate chips! You could really use any type of add-in you like to switch things up – see my kitchen sink cookies recipe for some other ideas!

  7. Ak says:

    5 stars
    Yum

    1. Stephanie Simmons says:

      Thanks, Ak!

  8. Emily says:

    5 stars
    Did everything to a T, came out perfectly at 16 minutes! Was a little worried when my butter wasn’t browning in 4-6 minutes, but we got there lol

    1. Stephanie Simmons says:

      So glad to hear you enjoyed this recipe, Emily!

  9. Linda says:

    5 stars
    These were gone as soon as they came out if the oven! Delicious

    1. Stephanie Simmons says:

      Thanks so much, Linda!

  10. Yvonne says:

    4 stars
    These were delicious, they’d def get an 8/9 out of 10, however I would add less sugar next time as they were very sweet.

    1. Stephanie Simmons says:

      Thanks for the feedback, Yvonne!