These S'mores Cookie Bars are sticky sweet. Marshmallow fluff and chocolate are sandwiched between two cookie layers for the ultimate cookie bar!
If a s'more and a chocolate chip cookie had a baby, the result would be one of these s'mores cookie bars. The are sweet, sugary, and everything nice.
They eat like a bar, but taste like a chocolate chip cookie with a marshmallow center. These bars come together fairly quickly and unlike a classic s'more, these bars can be made ahead of time.
What is in these S'mores Cookie Bars?
- In the Cookie Dough: Unsalted butter, granulated sugar, light brown sugar, one large egg, vanilla extract, all-purpose flour, and baking powder.
- Graham Cracker Crumbs: The crumbs are incorporated into the cookie dough as well as sprinkled atop the bars before baking.
- Semi-Sweet Chocolate Chunks: The chocolate chunks are the "chocolate layer" to these s'mores. The chunks are not incorporated into the dough but instead pressed into it as the bars are assembled to bake.
- Marshmallow Fluff: Our marshmallow layer to these yummy s'mores cookie bars comes from pre-made marshmallow fluff. One full jar is needed.
What makes these S'mores Cookie Bars?
The dough for these cookie bars is very similar to that of my chocolate chip cookie bar recipe. The chocolate chunks are not incorporated into the dough mixing process, but instead pressed in as their own "layer." In addition, since these are s'mores cookie bars, graham cracker crumbs are added to the cookie dough. Graham cracker crumbs are also sprinkled over the top layer of dough too.
How to make graham cracker crumbs
To make graham cracker crumbs you can pulse the crackers in a food processor (easiest way) or smash inside a zip-top bag (I suggest double-bagging with this method.) Grocery stores also sell these crumbs pre-pulsed, however, they are often a little more expensive.
First things first, prepare your 8X8-inch baking pan with parchment paper and either cooking spray or butter. Preheat your oven to 350 degrees F.
For the Cookie Dough
- In a medium-sized bowl, whisk together the flour, baking powder, and salt.
- In a standing mixer, combine the butter and sugars and whip until light and fluffy (approximately 3-5 minutes.)
- Next, add the egg and vanilla extract. Whip just until combined.
- Add the dry ingredients and mix until well incorporated. Fold in the ½ cup graham cracker crumbs.
For the Cookie Bar Assembly
- Press ½ of the dough into the prepared pan into an even layer. Next, sprinkle ¾ of the chocolate chunks on top of the cookie dough layer. Gently press into the dough.
- Here comes the fun (and also frustrating) part, the marshmallow fluff. Spray a spatula with a little cooking spray. Using the greased spatula remove the fluff from the jar and onto the cookie dough layer. As best you can, spread the fluff into an even layer in the pan. You may pull up some of the chocolate chunks and/or cookie layer, but don't fret too much because the layers will end up melting together into one lovely, yummy mess.
- Sprinkle the remaining ¼ of chocolate chunks over the marshmallow layer.
- Finally, using a spoon or cookie scoop, scoop small balls of dough onto the marshmallow layer. Using the back of your spoon, or with your fingers, flatten the dough balls down so that most of the marshmallow layer is covered. Sprinkle the 2 tablespoon of graham cracker crumbs over this cookie layer and gently press in.
- Bake: Bake for approximately 30 minutes, or until golden brown. Allow the bars to cool before cutting into slices.
How to keep these "gooey" for eating
I suggest cutting these bars after they have completely cooled for a better slice (preferably in the refrigerator.) However, if you're looking for the gooeyness as pictured, then allow the bars to cool for about an hour at room temperature before slicing.
Remember, you can always microwave one of these bars to achieve that gooey, melted chocolate goodness again. Microwave in 15-second increments until desired "gooey" consistency is achieved.
Other Recipes You'll Love
- Chocolate Chip Cookie Bars
- Strawberry Crumb Bars
- Brown Sugar Walnut Date Bars
- S'mores Rice Krispie Treats
These s'mores cookie bars are sticky, sweet, and everything you'd think they would be. They satisfy like a s'more but eat like a cookie. I hope they become part of your Independence Day menu. Happy grilling and happy eating! Comment below if you make this recipe!
S'mores Cookie Bars
- ¾ cup unsalted butter softened
- ½ cup granulated sugar
- ½ cup light brown sugar packed
- 1 egg room temperature
- 1 teaspoon vanilla extract
- 1 ½ cups all-purpose flour
- 1 teaspoon baking powder
- ½ cup graham cracker crumbs plus 2 tablespoon for topping
- 10 oz package chocolate chunks
- 1 7 oz jar marshmallow fluff
- Preheat oven to 350° F. Grease and line an 8X8-inch baking pan with parchment paper, set aside.
- In a medium bowl, whisk together the flour, baking powder, and salt.
- In the bowl of a standing mixer, whip the butter and sugars until light and fluffy.
- Add in the egg and vanilla extract. Mix until just incoporated.
- Pour the dry ingredients into the butter mixture, mix until well incporated. Fold in the ½ cup graham cracker crumbs.
- Press half of the cookie dough into the prepared baking dish, smoothing (pressing) into one even layer. Sprinkle ¾ of the package of chocolate chunks over the cookie dough layer. Lightly press into the dough, making sure chocolate is evenly spread out.
- Lightly grease a spatula with cooking spray. Using the greased spatula, pour the marshmallow fluff from the jar onto the cookie layer. Spread evenly into one layer. (See notes above in post.)
- Using a spoon or cookie scoop, scoop small balls of dough onto the marshmallow layer. Using the back of your spoon, or with your fingers, flatten the dough balls down so that most of the marshmallow layer is covered.
- Sprinkle the 2 tablespoon of graham cracker crumbs over this cookie layer and gently press in.
- Bake for 30 minutes, or until golden brown. Allow the bars to cool before cutting into slices.