Home » Recipes » Gooey S’mores Chocolate Chip Cookie Bars

Gooey S’mores Chocolate Chip Cookie Bars

This post may contain affiliate links, please visit our privacy policy for details.

Make your day a little sweeter with these S’mores Cookie Bars! Thick and chewy chocolate chip cookie dough, mixed with graham cracker crumbs, dark chocolate chips, and filled with gooey marshmallow fluff. It’s every bit as good as a homemade s’more, but now in cookie bar form!

close up of stacked s'mores cookie bars with more bars around.

If you’ve been on our blog before, you’ll know my mom and I are huge s’mores fans. We LOVE reinventing the classic treat, especially with homemade marshmallow fluff! Recipes like our decadent s’mores pie, our sweet breakfast treat s’mores cinnamon rolls, and even our chilly s’mores icebox cake are reader-favorites (as well as ours!) for a reason.

These ooey-gooey cookie bars are no different! They’re everything you love about the sticky treat, but made less messy and into a thick bar cookie. I mean, what’s not to love?!

Why You Can Trust This Recipe

I’m sure you’ve run across websites proclaiming to have “the best ever” or maybe even “the easiest” recipe on the internet. There are so many out there that it can be overwhelming and hard to choose because…how do you know if it’s actually the best? Well, while I may not proclaim that this is the best-ever s’mores cookie bar (even though they ARE very delicious), I can confidently tell you why you can trust us and our recipes.

  • 40+ years of combined experience. My mom, Traci, is a highly acclaimed recipe developer and chef/baker. I was raised in her kitchen and learned from the best. Together, we have a combined 40+ years in the kitchen and have made everything from no-bake energy bites to pâte à choux.
  • Thoroughly tested. My mom and I spent days in the kitchen testing different cookie doughs (we adapted the dough from our s’mores cookies, but it needed a lot of adjustments due to the different way it was going to be baked/eaten), different pan sizes, differing amounts of graham cracker, marshmallow fluff, AND chocolate, as well as different bake times to ensure that this recipe resulted in a gooey, chewy, delicious cookie bar.
  • Taste-tester approved. No recipe ever goes on our blog without being approved by our taste testers, of course…but when I tell you there wasn’t even a crumb left, I’m not kidding! Our taste testers LOVED these cookie bars (and you will too!).
  • Helpful tips & tricks. If there’s something we’ve learned during recipe development and testing, you’ll be the first to hear about it! We always strive to make our recipes easy, beginner friendly, and full of helpful tips.
7 cookie bars on parchment lined cooling rack with white flowers around.
close up of piled s'mores cookie bars on parchment lined cooling rack with white flowers and graham cracker crumbs around.

4 Layers of Goodness In Every Bite

These bars aren’t just your average cookie bar. There are three layers to each bite that is sure to leave you wanting more.

  1. Chewy, buttery brown sugar cookie.
  2. Dark chocolate chips.
  3. Gooey marshmallow fluff.
  4. Even MORE cookie.

Let’s Be Friends ♡

Sign up below and receive 5 of our most popular recipes!

The Key Ingredients In These S’mores Cookie Bars

  • Salted Butter – Adds richness, tenderness, flavor, and structure, and eliminates the need for additional salt in this recipe.
  • Granulated Sugar – Sweetens and contributes to the structure and texture.
  • Brown Sugar – Creates moist, chewy cookies.
  • Eggs – Binders that also contribute to tenderness.
  • Vanilla Extract – Adds a subtle undertone that really brings these bars to life.
  • All Purpose Flour – Using plain all purpose flour is the way to go here. The protein content gives the dough the structure it needs.
  • Graham Cracker Crumbs – A key ingredient in s’mores. We used whole sheets and processed them down to chunky crumbs to add a little texture.
  • Baking Soda – Gives these bars just a little bit of lift, while neutralizing the acid in the brown sugar.
  • Bittersweet Chocolate Chips – We used Hershey’s Special Dark Baking Chips for 2 reasons. 1. They’re Hershey’s, which is the iconic chocolate bar to use in s’mores. 2. We like the darker, richer flavor of bittersweet chocolate.
  • Marshmallow Fluff Homemade is always the best. But if you are short on time, Jet-Puffed is our favorite for a fast, easy alternative.
melted butter, brown sugar, flour, chocolate chips, vanilla, baking soda, marshmallow fluff, graham cracker crumbs, eggs, and granulated sugar on marble surface with text overlaying each ingredient.

Make The Cookie Dough (Did I Mention There’s No Dough Chilling?)

Unlike most cookie doughs, this one is SO simple and requires no specialty equipment (I.E. electric mixers). All you have to do is whisk the wet ingredients together in a large bowl, mix in the dry ingredients, then fold in the chocolate chips. It’s that simple!

chocolate chip cookie dough in glass bowl.

⊹ Tip For Success! ⊹

Remember to set your eggs out ahead of time (they need to be room temperature before mixing) and melt the butter first to allow it time to cool while you gather the rest of your ingredients!

Size Matters! (But Not In The Way That You Think)

Earlier I mentioned we had tested different pans to bake these cookies in. We originally wrote/tested this recipe for a 9×13 because we wanted LOTS of goodness for you to share with your loved ones. We quickly found out that, no matter what we did, we could never get the cookies to bake all the way through. The only way to get these cookies thoroughly baked is by following the recipe as-written in an 8 inch pan!

Layer In The Pan

This is the trickiest part of the whole recipe! Luckily, it’s actually not very difficult. Spoon out about ⅔ of the cookie dough (it doesn’t need to be exact!) and press it evenly into the bottom of your prepared pan. Spread the marshmallow fluff across the cookie dough. Then, crumble the remaining cookie dough over the top.

A Quick Tip: Line the pan with parchment paper, leaving some overhang. Once the bars are cooled, simply lift them out using the parchment overhang. Set it onto a cutting board and slice!

How Do I Know When These Cookies Are Done?

During testing and development, we found that the best way to determine if the cookies were done was actually by color! Testing with an instant read thermometer or a cake tester are pretty much useless, as the marshmallow layer prevents an accurate temp/test.

When the top layer of the cookie is a golden brown all the way around the edges, as well as in the middle, your cookies will be done. Use the photo below as a guide to help you determine if your cookies are done! In our electric oven, we found that 35 minutes at 350℉ provided a crisp exterior and cooked through with just enough gooeyness to give every bite a brownie-like mouthfeel.

baked s'mores cookie bars in lined square pan.

S’mores Cookie Bars FAQ’s

Of course! For this recipe, we used Hershey’s Special Dark Chocolate Chips (because…what’s a s’more without Hershey’s?!) but you can really use any type of chocolate you like!

Absolutely! To make this recipe gluten free, you can use King Arthur Baking Company’s Gluten Free Measure for Measure Flour or Bob’s Red Mill Gluten Free 1-to-1 Baking Flour. To make this recipe vegan, you can use your favorite plant based butter (we recommend Violife Plant Butter!), a vegan egg substitute (we love Just Egg for this), your favorite plant based chocolate chips (Enjoy Life’s Dark Chocolate Morsels are delicious), and a vegan marshmallow fluff! You can use store-bought or make your own. Also, be sure to check your sugars and ensure that they are both vegan!

We don’t recommend using plain marshmallows in this recipe, as they may dissolve into the cookie dough while they bake.

You can make our recipe for marshmallow fluff for this recipe! You will need about 1 cup of homemade marshmallow fluff. Feel free to eat the rest. 😉

Once the cookies are cut and cooled, you can store them in the fridge for 5-7 days. To freeze, place in a freezer safe zip-top bag and freeze for up to 3 months.

More Summer-Inspired Recipes You Will Love

close up of three stacked s'mores cookie bars.

When you make these S’mores Cookie Bars, leave a comment down below! We love hearing from you and answering any questions you might have! Also, be sure to tag us on social media and hashtag it #BakersTable.

Happy baking!
x, Caylie

close up of stacked s'mores cookie bars with more bars around.
5 from 1 vote

Gooey S’mores Chocolate Chip Cookie Bars

Author: Traci Crossland
If you love s'mores, you'll adore these S'mores Cookie Bars! Enjoy the classic campfire treat in a whole new way with gooey marshmallow, rich chocolate, and buttery graham cracker cookie. It's the ultimate indulgence for any sweet tooth!
Prep Time: 15 minutes
Cook Time: 35 minutes
Total Time: 50 minutes
Servings: 16 bars


  • cup salted butter, melted
  • ½ cup granulated sugar
  • ¾ cup brown sugar
  • 2 large eggs, room temperature
  • 1 teaspoon vanilla extract
  • 2 cups all purpose flour*
  • cups graham cracker crumbs
  • ½ teaspoon baking soda
  • 1-1½ cups bittersweet chocolate chips
  • 1 jar marshmallow fluff


  • Heat oven to 350℉.
  • Line an 8 inch square pan with parchment paper. Set aside.
  • In a large bowl, whisk butter and sugars together.
  • Whisk in eggs and vanilla.
  • Stir in flour, graham cracker crumbs, and baking soda.
  • Fold in chocolate chips.
  • Evenly press about ⅔ of cookie dough in prepared pan.
  • Spread marshmallow fluff over top.
  • Sprinkle remaining cookie dough on top.
  • Press down gently.
  • Bake for 35 minutes, or until golden brown and cooked through.

Notes + Tips!

*This recipe was written using an average of the dip and sweep method for measuring flour and the spoon and level method. If you are using a scale, you will need to add 3/4 oz or 22 g  to the measurement for each cup of flour.
  • Room temperature is about 70℉.
  • 1 1/4 cups graham cracker crumbs = 8 graham cracker sheets
  • Use an oven thermometer to ensure accurate cooking temperatures.


Serving: 1bar | Calories: 379kcal | Carbohydrates: 54g | Protein: 4g | Fat: 17g | Saturated Fat: 12g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 3g | Trans Fat: 0.4g | Cholesterol: 50mg | Sodium: 187mg | Potassium: 161mg | Fiber: 1g | Sugar: 32g | Vitamin A: 346IU | Vitamin C: 0.1mg | Calcium: 74mg | Iron: 1mg

Nutritional information is only an estimate. The accuracy of the nutritional information for any recipe on this site is not guaranteed.

When you make this recipe, remember to tag @bakerstble or hashtag it #BakersTable!

– Still Hungry? –

Here are a few recipes may like!

Did you try this recipe?

Let us know in the comments!

Leave a 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.