
Layered S’mores Bars Recipe tastes like a campfire treat and a bakery cookie bar had a very chocolatey baby. It works perfectly for busy families, potlucks, or anyone who wants a big-batch dessert in about 45 minutes total. I tested this version on my neighbors, and they started “forgetting” their Tupperware at my house so they had an excuse to come back for more.
Why Make This Layered S’mores Bars Recipe at Home
You control every layer, from the buttery graham crust to the gooey marshmallow and melty chocolate. The bars slice neatly, travel well, and stay soft for days, which makes them perfect for parties, bake sales, and school lunches.
You skip sticky fingers from individual s’mores and bake everything in one pan instead. Cleanup stays simple, and you still get that toasty, nostalgic flavor without a campfire or a pile of skewers.
“These Layered S’mores Bars taste like the best parts of a summer bonfire in one pan, and they disappear from the dessert table in minutes. ★★★★★”
Ingredients You Need

The graham cracker crust
- 2 cups graham cracker crumbs
- Use about 14 full sheets of honey grahams and crush them very fine. Pre-crushed graham crumbs in a box work great on busy days.
- 10 tablespoons unsalted butter, melted
- Salted butter works too; just reduce added salt a bit.
- 1/4 cup granulated sugar
- 1/4 teaspoon fine sea salt
The chocolate layer
- 2 cups semi-sweet chocolate chips
- Use a good baking brand like Ghirardelli or Guittard for smoother melting.
- Swap with milk chocolate chips for a sweeter, classic campfire taste or dark chocolate chips for a richer flavor.
The marshmallow layer
- 3 cups mini marshmallows
- Mini marshmallows melt more evenly than large ones.
- Use vegan marshmallows if you avoid gelatin; just know they might brown a bit faster.
The cookie-style topping
- 1/2 cup unsalted butter, softened
- 1/2 cup brown sugar, packed
- 1/4 cup granulated sugar
- 1 large egg, room temperature
- 1 teaspoon vanilla extract
- 1 cup all-purpose flour
- 1/2 teaspoon baking powder
- 1/4 teaspoon fine sea salt
- 1/2 cup graham cracker crumbs
- 1/2 cup mini chocolate chips or chopped chocolate
Optional extras
- 1/2 teaspoon ground cinnamon in the crust for a warm bakery flavor
- Flaky sea salt for sprinkling on top right after baking
- Extra mini marshmallows for dotting on top during the last minutes of baking
Equipment list
- 9 x 13 inch baking pan
- Metal pans brown the crust better than glass.
- Parchment paper
- Line the pan and leave an overhang so you lift the bars out easily.
- Mixing bowls: one large, one medium
- Rubber spatula and wooden spoon
- Hand mixer or stand mixer for the topping
- Measuring cups and spoons
- Knife or bench scraper for clean slicing
Tips & Mistakes
- Line the pan with parchment so the bars lift out cleanly and do not stick.
- Crush graham crackers very fine so the crust holds together and does not crumble.
- Press the crust firmly into the pan with the bottom of a measuring cup to avoid a loose base.
- Melt butter fully for the crust so it coats crumbs evenly.
- Chill the crust for 10 minutes while you prep toppings if your kitchen feels warm.
- Use room temperature egg and butter in the cookie topping so the mixture blends smoothly.
- Do not overmix the cookie topping or it turns tough instead of soft and chewy.
- Spread the chocolate chips in an even layer so every bite gets chocolate.
- Keep marshmallows in a single layer so they melt evenly and do not puff into one giant blob.
- Tent the pan loosely with foil if the top browns too quickly before the center sets.
- Bake until the edges look golden and the center looks just set; overbaking dries the bars.
- Cool the bars completely before slicing so the layers firm up and do not slide.
- Use a sharp knife and wipe it between cuts for neat squares.
- Store leftovers in an airtight container so the graham crust stays crisp.
- Reheat individual bars gently so the chocolate softens again without overcooking the marshmallow.
How to Make Layered S’mores Bars Recipe
Step 1: Prep the pan and oven
Preheat your oven to 350°F. Line a 9 x 13 inch baking pan with parchment paper and leave some overhang on the long sides. Lightly grease the parchment with a bit of butter or nonstick spray so the bars release easily.
Step 2: Mix the graham cracker crust
Stir graham cracker crumbs, granulated sugar, and salt in a bowl. Pour in the melted butter and mix until the crumbs look evenly moistened and clump when you squeeze them. If the mixture looks dry and sandy, add 1 more tablespoon of melted butter.
Step 3: Press and bake the crust
Pour the crumb mixture into the lined pan. Press it firmly into an even layer with your hands, then use the bottom of a flat measuring cup to really pack it down. Bake the crust for 8 to 10 minutes until it looks lightly golden and smells toasty, then set it on a rack while you prep the next layer.
Step 4: Add the chocolate layer
Sprinkle the semi-sweet chocolate chips evenly over the warm crust. The heat from the crust starts to soften them, which helps them settle into a smooth layer. Gently nudge them into an even layer with a spatula if needed.
Step 5: Add the marshmallow layer
Scatter the mini marshmallows evenly over the chocolate chips. Try to cover most of the surface without stacking them too thick. The marshmallows puff and melt in the oven and sink into the chocolate a bit.
Step 6: Mix the cookie-style topping
In a large bowl, beat the softened butter with brown sugar and granulated sugar until the mixture looks light and creamy. Add the egg and vanilla and mix until smooth. In a separate bowl, whisk flour, baking powder, salt, and graham cracker crumbs, then stir the dry ingredients into the wet ingredients until just combined.
Fold in the mini chocolate chips or chopped chocolate. The dough should feel thick but spreadable. If it looks too sticky, add 1 to 2 tablespoons of flour; if it looks too dry and crumbly, add 1 tablespoon of milk.
Step 7: Layer the topping over the marshmallows
Drop spoonfuls of the cookie topping over the marshmallow layer. Gently spread the dough with a spatula or your fingers so it covers most of the surface. Leave a few small gaps so marshmallow peeks through and toasts nicely.
Step 8: Bake the layered s’mores bars
Place the pan in the oven and bake at 350°F for 20 to 25 minutes. Watch for golden brown edges and lightly browned spots of marshmallow on top. If the top browns too quickly, tent the pan loosely with foil and finish baking until the center looks set but still soft.
Step 9: Cool and slice
Set the pan on a cooling rack and let the bars cool completely, about 1 to 2 hours. Lift the slab out of the pan using the parchment overhang. Slice into 16 to 24 bars, depending on how generous you feel and how many kids hover in your kitchen.
Variations I’ve Tried
- Peanut butter swirl: Warm 1/3 cup creamy peanut butter and drizzle it over the chocolate layer before you add the marshmallows. The peanut butter sets into ribbons that taste like a peanut butter cup s’more.
- Salted caramel: Drizzle 1/3 to 1/2 cup thick caramel sauce over the marshmallow layer, then add the cookie topping. Sprinkle flaky sea salt on top right after baking for a sweet-salty finish.
- Nutty crunch: Add 1/2 cup chopped pecans, walnuts, or almonds to the cookie topping. The nuts add crunch and balance the sweetness.
- Cookies and cream: Fold 1/2 cup crushed chocolate sandwich cookies into the cookie topping and swap half the chocolate chips for white chocolate chips. This version tastes like a mashup of s’mores and cookies-and-cream fudge.
- Extra toasty marshmallow: During the last 2 minutes of baking, switch the oven to broil and watch closely. Pull the pan as soon as the marshmallows on top look deeply golden and toasty.
How to Serve Layered S’mores Bars Recipe
Serve these Layered S’mores Bars at room temperature for the cleanest slices and the best balance of chewy and gooey. If you want that fresh-from-the-fire feel, warm each bar in the microwave for about 10 seconds so the chocolate softens again. Pair them with cold milk, hot cocoa, or a big mug of coffee or tea. I also pack them in lunchboxes as a surprise treat, and they hold up nicely without refrigeration for the day.
How to store
- Room temperature: Store bars in an airtight container at room temperature for up to 3 days. Place parchment between layers so they do not stick together.
- Fridge: Keep bars in an airtight container in the fridge for up to 6 days. Let them sit at room temperature for 15 to 20 minutes before serving or warm briefly so the texture softens.
- Freezer: Wrap individual bars tightly in plastic, then place them in a freezer bag or container for up to 2 months. Thaw at room temperature for about 1 hour or in the fridge overnight.
- Reheating: Warm a bar in the microwave for 8 to 12 seconds until the chocolate softens and the marshmallow turns slightly gooey again. You can also reheat several bars on a parchment-lined baking sheet in a 300°F oven for 5 to 7 minutes.

Layered S’mores Bars Recipe
Ingredients
Instructions
- Preheat the oven to 350°F (175°C). Line a 9 x 13 inch baking pan with parchment paper, leaving an overhang on the long sides. Lightly grease the parchment with butter or nonstick spray.
- Make the graham cracker crust: In a bowl, stir together the graham cracker crumbs, granulated sugar, fine sea salt, and ground cinnamon if using. Pour in the melted butter and mix until the crumbs are evenly moistened and hold together when squeezed. If the mixture looks dry and sandy, add 1 more tablespoon of melted butter.
- Press the crust mixture firmly into the prepared pan in an even layer. Use your hands first, then the bottom of a flat measuring cup to pack it down well. Bake the crust for 8 to 10 minutes, until lightly golden and fragrant. Place the pan on a rack while you prepare the next layer.
- Add the chocolate layer: Immediately sprinkle the semi-sweet chocolate chips evenly over the warm crust. Let the heat from the crust soften them, then gently nudge into an even layer with a spatula if needed.
- Add the marshmallow layer: Scatter the mini marshmallows evenly over the chocolate layer, covering most of the surface without piling them too thickly so they melt evenly.
- Make the cookie-style topping: In a large bowl, beat the softened butter with the brown sugar and granulated sugar until light and creamy. Add the egg and vanilla extract and mix until smooth.
- In a separate bowl, whisk together the flour, baking powder, fine sea salt, and graham cracker crumbs. Add the dry ingredients to the wet ingredients and mix just until combined. Fold in the mini chocolate chips or chopped chocolate. The dough should be thick but spreadable; if too sticky, add 1 to 2 tablespoons flour, and if too dry and crumbly, add 1 tablespoon milk.
- Layer the topping: Drop spoonfuls of the cookie dough over the marshmallow layer. Gently spread with a spatula or your fingers to cover most of the surface, leaving a few small gaps so marshmallow can peek through and toast.
- Bake the bars: Return the pan to the oven and bake at 350°F (175°C) for 20 to 25 minutes, until the edges are golden and the top has lightly browned spots of marshmallow. If the top browns too quickly before the center is set, tent the pan loosely with foil and continue baking until the center looks just set but still soft.
- Cool and slice: Place the pan on a cooling rack and let the bars cool completely, 1 to 2 hours, so the layers firm up. Use the parchment overhang to lift the slab from the pan, then slice into 16 to 24 bars with a sharp knife, wiping the blade between cuts for clean squares.
Notes
Approximate per bar (20 bars): 320 calories; fat 17 g; saturated fat 10 g; carbohydrates 40 g; fiber 1 g; sugars 28 g; protein 3 g; sodium 190 mg. Values are estimates and will vary based on ingredient brands, optional add-ins, and bar size.
