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. Deborah says:

    5 stars
    10/10!! I loved it and made it for my parents and they loveddd it! Thank you so much!

    1. Stephanie Simmons says:

      So glad to hear you enjoyed this recipe, Deborah!

  2. daniel says:

    5 stars
    These were delicious but took way longer to bake than the recipe specified. My oven may not be calibrated correctly (I need to get an oven thermometer)… but even still it took maybe 2x as long as the recipe stated. But, the flavor is delicious and they were otherwise super easy to make!

    1. Stephanie Simmons says:

      Glad you enjoyed these, Daniel! Let me know if you ended up finding that your oven temp was off. Happy baking!

  3. Emily says:

    5 stars
    These were amazing and used all pantry staples! I saw the recipe on Instagram and immediately jumped up to make it. The brown butter flavor really shines and adds a caramel-y depth. Saving this one 🙂

    1. Stephanie Simmons says:

      Glad you enjoyed these bars, Emily!

  4. Cindy Berube says:

    5 stars
    These are delicious and came out perfectly. My husband is very happy, and so are the friends who will be sharing these.

    1. Stephanie Simmons says:

      Glad to hear it, Cindy! Thanks!

  5. Sarah says:

    4 stars
    I bake pretty frequently and I love trying new recipes on a whim… saw it on Instagram and tried it out
    In this recipe, it took me forever to brown my butter. I also left the butter melted instead of bringing it back to a room temperature consistency… I think this is where I failed the recipe. Because even after baking for 30 minutes the middle was still raw and outer edges were quite crispy. The taste is pretty good.

    1. Stephanie Simmons says:

      Hi Sarah! Did you follow the bake time indicated, with the first half at a higher temp and the second half at a lower temp? Have you checked your internal oven temperature with an oven thermometer to see if it’s running too hot or cold? That’s a common issue that would affect the bake. Please let me know – I’d love to help further troubleshoot.

      1. Jessica says:

        4 stars
        I made these as well and they were extremely doughy after 16 minutes. I can’t find were in the recipe it says to bake at a higher temp then at a lower temp. They were good though.

        1. Stephanie Simmons says:

          Hi Jessica! It looks like people are basing that off of a comment where I mistook this recipe for my brown butter chocolate chip cookies, where I do call for a split bake temp. Your oven may be running a tad cool, and they likely needed 2-4 more minutes. Glad you enjoyed them regardless!

      2. Erin says:

        The instructions don’t list 2 temps, only 350. What is the first temp and do you split it 7 min/7 min or?

        1. Stephanie Simmons says:

          Hi Erin! I just found the comment in which I replied to someone else saying the bake is split between two temps – that was a mistake on my part! I have brown butter cookie bars and brown butter cookies, and confused the two when replying to that other comment. Always go by the recipe card and not the comments! 🙂 I hope you make these – please let me know how you like them.

      3. Stephanie Simmons says:

        Oops, I confused this recipe with my brown butter chocolate chip cookies – these bars do NOT have a split bake time between two different temperatures. Please always go by what’s listed in the actual recipe card! 🙂

  6. Rae says:

    5 stars
    These are genuinely so good. I followed the recipe to the letter, and I’m a cookie fanatic but these are so easy and good that I would rather make them than go spend money on other overpriced cookies.

    1. Stephanie Simmons says:

      I’m so glad to hear you enjoyed this recipe, Rae!

  7. Marissa says:

    5 stars
    Oh my word, these are out of this world 😍 sooo gooey, 16 minutes was the perfect amount of time! So quick to make as well!

    1. Stephanie Simmons says:

      Thanks so much, Marissa! 🙂

  8. Kristen says:

    5 stars
    I made these for a Christmas dinner, using festive m&m’s in place of the chocolate chips. They were a hit! So easy to make and taste amazing!!!

    1. Stephanie Simmons says:

      Glad to hear it Kristen! Merry Christmas! ☺️

  9. Katie says:

    5 stars
    Holy batman yum! We are dairy-free and gluten-free but this recipe translated flawlessly with those easy ingredient swaps. I made it for a family dinner and not a crumb was left.

    1. Stephanie Simmons says:

      So glad you enjoyed these, Katie!

  10. Haylie says:

    5 stars
    Don’t sleep on this recipe, y’all. The brown butter adds an incredible depth of flavor! And follow Stephanie’s instructions exactly – the 16 minute mark was the perfect baking time for me! I even waited to let them cook (and I’m 38 weeks pregnant lol so I had to utilize a lot of self control!)…overall, an incredibly gooey, warm and delicious cookie bar. Don’t forget the flaky salt on top! SO good!!

    1. Stephanie Simmons says:

      Thanks so much for your kind comment, Haylie! So glad you loved these bars. 🙂