
Layered S’mores Bars Recipe tastes like a campfire treat and a bakery cookie had a very chocolatey baby, and it works perfectly for anyone who wants gooey dessert magic in under an hour. This recipe fits busy families, beginner bakers, and anyone who wants a make-ahead dessert that travels well for potlucks or parties. I tested these bars on my neighbors and they now “accidentally” walk by my house on baking days.
Why Make This Layered S’mores Bars Recipe at Home
You control the layers, so you can pack in extra chocolate, toastier marshmallows, or a thicker graham crust. Store-bought bars often taste waxy or too sweet, while these taste buttery, toasty, and rich with real chocolate flavor.
You also slice these bars easily and pack them for school lunches, road trips, or movie nights. Kids help press the crust and sprinkle the marshmallows, so this recipe turns into a fun little kitchen project.
“These Layered S’mores Bars taste like campfire dessert but slice like bakery cookie bars, and everyone asked for seconds. ★★★★★”
Ingredients You Need
Graham cracker crust layer
- 2 cups graham cracker crumbs
- Use about 14 full sheets and crush them very fine. Pre-crushed crumbs save time and work great.
- 1/3 cup granulated sugar
- 1/2 teaspoon fine sea salt
- 10 tablespoons unsalted butter, melted and slightly cooled
- Use salted butter and cut the added salt in half if that is what you have.
Chocolate layer
- 2 cups semi-sweet chocolate chips
- Use a brand you enjoy eating by the handful, since flavor matters here. Ghirardelli or Guittard melt nicely.
- 1/2 cup milk chocolate chips
- This mix gives that classic candy bar taste without turning the bars too sweet.
- 1 teaspoon pure vanilla extract
Marshmallow layer
- 3 cups mini marshmallows
- Mini marshmallows melt and toast more evenly than large ones.
- Optional: 1 cup marshmallow creme
- Swirl this between the chocolate and marshmallows for extra goo.
Cookie crumble top layer
- 3/4 cup all-purpose flour
- 1/2 cup old-fashioned rolled oats
- 1/2 cup light brown sugar, packed
- 1/4 teaspoon baking powder
- 1/4 teaspoon fine sea salt
- 6 tablespoons cold unsalted butter, cut into small cubes
- 1 teaspoon vanilla extract
- Optional: 1/3 cup mini chocolate chips for sprinkling on top
Optional add-ins
- 1/2 cup crushed pretzels for a salty crunch
- 1/3 cup peanut butter chips or butterscotch chips
- 1/4 teaspoon ground cinnamon in the crust for a cozy twist
Equipment list
- 9×13 inch baking pan
- Metal pans brown the crust better than glass.
- Parchment paper
- Line the pan and leave a little overhang so you lift the bars out easily.
- Mixing bowls: one large, one medium
- Measuring cups and spoons
- Rubber spatula
- Whisk
- Small saucepan or microwave-safe bowl for melting butter
- Knife or bench scraper for cutting cooled bars
- Cooling rack
Tips & Mistakes
- Press the graham crust firmly with the bottom of a measuring cup so it bakes into a solid base and does not crumble apart.
- Chill the crust for 10 minutes before baking if your kitchen runs warm, so the butter does not slide up the sides of the pan.
- Bake the crust until it smells toasty and looks slightly darker at the edges, or the bars will taste bland.
- Spread the chocolate layer while the crust still feels hot so the chips melt smoothly and you do not need extra oil.
- Do not walk away near the end of baking, since marshmallows shift from golden to burnt very quickly.
- Use mini marshmallows and scatter them evenly, or you get random bald spots and some bites without goo.
- Let the bars cool completely before slicing, or the layers slide and the squares turn into delicious chaos.
- Use a sharp knife and wipe it between cuts so you keep the layers neat and avoid marshmallow strings everywhere.
- Store the bars in a single layer or with parchment between layers, or they glue themselves together.
- If you want clean edges for photos or parties, chill the pan for 30 minutes before cutting, then let slices come back to room temperature before serving.
How to Make Layered S’mores Bars Recipe
Step 1: Prep the pan and oven
Preheat your oven to 350°F. Line a 9×13 inch pan with parchment and leave a little overhang on the long sides so you lift the bars out easily. Lightly spray the parchment with baking spray so nothing sticks.
Step 2: Mix the graham cracker crust
In a large bowl, mix the graham cracker crumbs, granulated sugar, and salt. Pour in the melted butter and stir until every crumb looks evenly coated and feels like wet sand. If the mixture looks dry, add 1 extra tablespoon of melted butter.
Step 3: Press and bake the crust
Pour the crumb mixture into the prepared pan. Press it firmly into an even layer with your hands, then use the bottom of a measuring cup to really pack it down, especially in the corners. Bake the crust for 8 to 10 minutes until it smells nutty and looks slightly darker at the edges.
Step 4: Add the chocolate layer
While the crust bakes, mix the semi-sweet and milk chocolate chips in a bowl with the vanilla extract. When the crust comes out of the oven, sprinkle the chocolate mixture evenly over the hot crust. Wait 2 to 3 minutes, then use a spatula to spread the softened chocolate into a smooth layer.
Step 5: Swirl in marshmallow creme (optional)
If you use marshmallow creme, drop spoonfuls over the warm chocolate layer. Use a knife or small offset spatula to swirl it gently so you see ribbons of white through the chocolate. Do not overmix or you lose the pretty streaks.
Step 6: Add the mini marshmallows
Scatter the mini marshmallows evenly over the chocolate layer. Try to cover the entire surface so every bite gets some marshmallow. Lightly press them into the chocolate so they stick.
Step 7: Make the cookie crumble topping
In a medium bowl, whisk together the flour, oats, brown sugar, baking powder, and salt. Add the cold butter cubes and vanilla. Rub the butter into the dry ingredients with your fingers or a pastry cutter until the mixture forms pea-sized clumps and looks like chunky wet sand.
Step 8: Top the bars and bake
Sprinkle the crumble mixture evenly over the marshmallows, leaving some marshmallow peeking through. If you like extra chocolate, add mini chocolate chips or crushed pretzels on top. Bake the pan for 18 to 22 minutes until the marshmallows look golden brown at the peaks and the crumble looks set and lightly browned.
Step 9: Cool and slice
Place the pan on a cooling rack and let the bars cool completely, at least 1 to 2 hours. Lift the slab out of the pan using the parchment overhang. Use a sharp knife to cut into squares or rectangles, and wipe the blade between cuts for neat layers.
Variations I’ve Tried
I swapped half the chocolate chips for peanut butter chips and drizzled warm peanut butter over the crust before the chocolate layer, which turned the bars into a peanut butter cup situation. I also tried a salted pretzel version with crushed pretzels in the crust and on top, and that one disappeared first at a party. Around fall, I add a pinch of cinnamon and nutmeg to the crust and use dark chocolate chips for a cozy twist.
I tested a gluten-free version with gluten-free graham crackers and a one-to-one gluten-free flour blend in the crumble, and the texture still tasted crisp and chewy. For a nutty batch, I folded chopped toasted pecans into the crumble topping, which gave the bars extra crunch and a buttery flavor.
How to Serve Layered S’mores Bars
Serve these Layered S’mores Bars slightly warm or at room temperature so the chocolate feels soft and the marshmallows taste chewy. Pair them with cold milk, hot cocoa, or iced coffee for a sweet snack or dessert. Cut smaller squares for lunch boxes or kids’ parties, or slice larger rectangles for a dessert plate. If you host a game night, set the bars on a platter with fresh berries so people balance the sweetness a bit.
How to store
- Store the bars in an airtight container at room temperature for up to 3 days, with parchment between layers so they do not stick together.
- Keep them in the fridge for up to 6 days if your kitchen runs warm, and let them sit out 15 minutes before serving so the chocolate softens.
- Freeze individual bars tightly wrapped in plastic, then in a freezer bag, for up to 2 months.
- Reheat a bar in the microwave for 10 to 15 seconds from room temperature or 20 to 25 seconds from chilled, just until the marshmallows soften and the chocolate turns slightly melty again.
Layered S’mores Bars Recipe
Ingredients
Instructions
- Preheat the oven to 350°F (175°C). Line a 9x13-inch baking pan with parchment paper, leaving an overhang on the long sides, and lightly spray the parchment with baking spray.
- Make the graham cracker crust: In a large bowl, combine the graham cracker crumbs, granulated sugar, and fine sea salt. Stir in the melted butter until all the crumbs are evenly coated and the mixture resembles wet sand.
- Press and bake the crust: Pour the crumb mixture into the prepared pan. Press it firmly into an even layer, using your hands and then the bottom of a measuring cup to really pack it down, especially in the corners. Bake for 8 to 10 minutes, until it smells toasty and looks slightly darker at the edges.
- Prepare the chocolate layer: While the crust bakes, mix the semi-sweet and milk chocolate chips with the vanilla extract in a bowl. When the crust comes out of the oven, immediately sprinkle the chocolate mixture evenly over the hot crust. Let it sit for 2 to 3 minutes, then spread the softened chocolate into a smooth layer with a spatula.
- Optional marshmallow creme swirl: If using marshmallow creme, drop spoonfuls over the warm chocolate layer. Swirl gently with a knife or small offset spatula so ribbons of white remain visible without fully mixing into the chocolate.
- Add the mini marshmallows: Scatter the mini marshmallows evenly over the chocolate layer, covering the surface so each bite includes marshmallow. Lightly press them into the chocolate so they adhere.
- Make the cookie crumble topping: In a medium bowl, whisk together the flour, oats, brown sugar, baking powder, and salt. Add the cold butter cubes and vanilla. Rub the butter into the dry ingredients with your fingers or use a pastry cutter until the mixture forms pea-sized clumps and looks like chunky, damp sand.
- Top and bake the bars: Sprinkle the crumble mixture evenly over the marshmallows, leaving some marshmallow peeking through. If desired, add mini chocolate chips or crushed pretzels on top. Bake for 18 to 22 minutes, until the marshmallows are golden brown at the peaks and the crumble looks set and lightly browned.
- Cool and slice: Place the pan on a cooling rack and let the bars cool completely, at least 1 to 2 hours. Use the parchment overhang to lift the slab from the pan. Cut into squares or rectangles with a sharp knife, wiping the blade between cuts for clean layers.
Notes
Approximate per serving (1 of 24 bars, made without optional add-ins): 290 calories; fat 16 g; saturated fat 9 g; carbohydrates 37 g; fiber 1 g; sugars 26 g; protein 3 g; sodium 170 mg. Values will vary based on brands, optional add-ins, and portion size.
