Gooey, buttery, golden-edged S'mores Cookie Bars with a thick graham cracker cookie dough base, rivers of marshmallow creme, and pools of melted semi-sweet chocolate in every single bite. I made these for the first time on a rainy July afternoon when we couldn't light the fire pit, and honestly, I think I liked them even better than the real thing. No fire, no sticks, no sticky hands on the lawn, and the whole pan comes together with pantry staples you probably already have.
If you love cozy baked things like my Raspberry Cheesecake Brownies or those sticky-sweet Birthday Cake Cinnamon Rolls, you already know the kind of dessert I'm talking about, the kind that makes the whole kitchen smell like something worth staying home for. These S'mores Cookie Bars land right in that same category, gooey in the center, lightly golden on top, and completely impossible to stop at just one.
Why You'll Love This S'mores Cookie Bars
They're gooey in the best possible way. The marshmallow creme stays soft and stretchy after baking, not crispy, not hollow, just that ideal pull-apart texture.
The graham cracker dough is the real star. It's not a regular cookie dough with graham crackers tossed in. The crumbs replace part of the flour, so the whole bar has that warm, slightly toasty graham flavor all the way through.
They're easy to make ahead. These S'mores Cookie Bars keep well at room temperature for a full week, which makes them great for easy bake sale desserts, parties, school events, or just having something sweet on the counter all week.
You only need one bowl for the dough. No complicated steps, no chilling required before baking. It's a genuinely low-effort recipe with high-impact results.
Jump to:
S'mores Cookie Bars Ingredients
Here's a quick look at your ingredients before you get started.
See Recipe Card Below This Post For Ingredient Quantities
- Unsalted butter : Adds richness and creates that soft, tender crumb. Room-temperature butter is key here because it creams properly with the sugar.
- Light or dark brown sugar : Brings in a deep caramel-like sweetness and helps the bars stay moist and chewy.
- Large egg : Binds the dough together and adds just enough moisture to hold everything in place.
- Pure vanilla extract : Rounds out the flavor and adds warmth.
- All-purpose flour : Gives the bars their structure.
- Graham cracker crumbs : This is what makes the dough taste like a real s'more. The crumbs partially replace the flour for that toasty, slightly sweet base layer.
- Baking powder : Gives the bars just a little lift so they don't bake up too dense.
- Salt : Balances the sweetness and keeps the flavor from falling flat.
- Semi-sweet chocolate chips : Melts into the bars while baking and creates those gooey chocolate pockets everyone fights over.
- Marshmallow creme : This is the non-negotiable ingredient. It holds its shape during baking and gives you that pillowy, stretchy marshmallow layer. Regular marshmallows won't work here.
How to Make S'mores Cookie Bars
Here's everything you need to get these into the oven.
Preheat the oven: Set your oven to 350°F (177°C). Line an 8-inch or 9-inch square baking pan with parchment paper, leaving some overhang on two sides so you can lift the bars out cleanly. Set the pan aside.
Cream the butter and sugar: Using a handheld mixer or a stand mixer with the paddle attachment, beat the softened butter and brown sugar together on medium-high speed for about 3 minutes. You're looking for a light, fluffy mixture that smells like it already belongs in a cookie.
Add the wet ingredients: Add your egg and vanilla extract to the butter mixture and beat until combined. Scrape the sides and bottom of the bowl as you go. Don't worry if the mixture looks a little curdled at this point, it smooths out once the dry ingredients go in.
Mix the dry ingredients: In a separate medium bowl, whisk together the flour, graham cracker crumbs, baking powder, and salt until evenly combined.
Bring the dough together: Add the dry ingredients to the wet mixture and beat on medium speed until a soft dough forms. It'll be on the sticky side, and that's completely normal.
Build the layers: Press or spread ⅔ of the dough evenly into the bottom of your prepared pan. Lightly dampening your hands or fingertips can help here since the dough is sticky. Spread the marshmallow creme over the dough layer as evenly as you can, then scatter the chocolate chips across the top. Flatten small pieces of the remaining dough and lay them over the chocolate chips. Some chocolate chips and marshmallow creme will peek through, and that's exactly what you want.
Bake: Slide the pan into your preheated oven and bake for 25 to 30 minutes, until the top is lightly golden brown. The bars may look just slightly underdone in the center when you pull them, which is fine. They'll firm up as they cool.
Cool completely: Place the pan on a wire rack and let the bars cool all the way before slicing. I know this is the hard part. The cooling time is built into the 3-hour total, and it's worth it because warm bars fall apart when you cut them.
Slice and serve: Use the parchment overhang to lift the whole slab out of the pan, then cut into 16 squares. Serve at room temperature.
Substitutions and Swaps
Graham crackers: If you can't find graham crackers in your area, digestive biscuit crumbs make an excellent substitute. The flavor is slightly less sweet, but they work just as well in the dough.
Marshmallow creme: You can use homemade marshmallow creme if you prefer. Use half a batch, measured to about 1 ¼ cups, for this recipe.
Chocolate chips: Semi-sweet is the classic choice here, but dark chocolate chips or milk chocolate chips both work beautifully depending on how sweet you want the bars. If you love a little crunch, a chopped chocolate bar gives you more varied texture.
Pan size: An 8-inch pan gives you thicker, fudgier S'mores Cookie Bars. A 9-inch pan spreads the dough a bit thinner with slightly crispier edges. Both work well.
Equipment For S'mores Cookie Bars
- 8-inch or 9-inch square baking pan
- Parchment paper
- Handheld mixer or stand mixer with paddle attachment
- Large mixing bowl
- Medium mixing bowl
- Whisk
- Spatula
- Cooling rack
Storage and Freezing
Room temperature: Cover the pan or store cut S'mores Cookie Bars in an airtight container at room temperature for up to 1 week. They stay soft and gooey the whole time.
Freezer: Let the bars cool completely before cutting. Layer squares between sheets of parchment paper inside a freezer-safe container and freeze for up to 3 months. Thaw overnight in the refrigerator, then bring to room temperature before serving.
Ways to Serve These S'mores Cookie Bars
With a cold glass of milk. Classic. The creamy milk cuts through the richness of the chocolate and graham cracker dough, and honestly it's the way to go.
Warm with a scoop of vanilla ice cream. Microwave a bar for about 10 seconds, add a scoop on top, and watch the marshmallow creme get all soft and melty again. It's a good dessert move.
Packed for a picnic or road trip. These travel well at room temperature, which makes them one of my go-to easy party dessert S'mores Cookie Bars for any event where you need something portable and crowd-pleasing.
Cut small and served on a dessert board. Pair them alongside brownies, like my Blueberry Pie Bars, and a few pieces of dark chocolate for a full spread.
Expert Tips
Don't skip the parchment paper. The marshmallow creme sticks hard to bare metal pans. The overhang is what lets you lift the whole slab out cleanly without losing half the S'mores Cookie Bars.
Room temperature butter and egg really do matter. Cold butter won't cream properly, and a cold egg can make the mixture seize up a little. Set them out 30 to 45 minutes before you start.
Sticky dough is not a mistake. This dough is supposed to be tacky. Lightly damp hands or a small offset spatula help you press and spread it without fighting it.
Go for golden, not dark. The tops should be a light golden brown when you pull the pan out. Dark edges mean the middle is likely over-baked, which makes the S'mores Cookie Bars dry instead of chewy.
FAQ
Can I use marshmallows instead of marshmallow creme in s'mores bars?
No. Regular marshmallows melt and leave empty craters in the dough. Marshmallow creme holds its shape and gives you that soft, stretchy layer you're looking for.
How do you keep cookie bars soft and chewy?
Don't overbake them. Pull the pan when the center still looks slightly underdone and let them set on the rack. Store covered at room temperature, not in the fridge.
Do I need graham crackers for S'mores Cookie Bars?
They're what give the dough that toasty, honeyed flavor, so yes if you can find them. If not, digestive biscuit crumbs are the best swap and work really well here.
What's the best chocolate for S'mores Cookie Bars?
Semi-sweet is the classic choice. Dark chocolate works if you want less sweetness, and milk chocolate makes them extra candy-like. Any of the three melts beautifully.
Related
Looking for other recipes like this? Try these:
Pairing
These are my favorite dishes to serve with S'mores Cookie Bars
S'mores Cookie Bars
Ingredients
Method
- Preheat your oven to 350°F (177°C) and line an 8-inch or 9-inch square baking pan with parchment paper, leaving several inches of overhang on at least two sides for easy removal later.
- In a large bowl, use a handheld or stand mixer fitted with the paddle attachment to beat the softened butter and brown sugar together on medium-high speed for about 3 minutes, until the mixture is light and fluffy.
- Add the egg and vanilla extract to the creamed butter mixture and beat until just combined, scraping down the sides and bottom of the bowl as needed - the mixture may look slightly curdled at this stage, which is completely normal.
- In a separate medium bowl, whisk together the all-purpose flour, graham cracker crumbs, baking powder, and salt until evenly blended.
- Pour the dry ingredient mixture into the bowl with the wet ingredients and beat on medium speed until a cohesive, slightly sticky dough forms.
- Press approximately two-thirds of the graham cookie dough into an even layer across the bottom of the prepared pan - the dough will be thin and sticky, so use lightly dampened fingertips or the back of a spoon to spread it as evenly as possible.
- Dollop the marshmallow creme over the dough layer and gently spread it into an even layer using an offset spatula or the back of a spoon - it will be sticky and resistant, so work slowly and do the best you can.
- Scatter the chocolate chips in an even layer directly over the marshmallow creme.
- Pinch off pieces of the remaining one-third of dough, flatten them slightly between your fingers, and lay them across the top of the chocolate chips in a patchwork pattern - you won't have enough to cover the surface completely, and that's intentional; some chocolate and marshmallow peeking through is part of the look.
- Bake for 25 to 30 minutes, or until the top is lightly golden brown and the edges look set.
- Remove the pan from the oven and set it on a wire rack to cool completely before cutting - this takes about 2 hours and is important for clean slices.
- Once fully cooled, lift the bars out of the pan using the parchment overhang, transfer to a cutting board, and slice into 16 squares.
Leave a Reply