A s’mores bars recipe for summer dessert lets you skip the campfire and still get that toasty marshmallow, melty chocolate, and crisp graham cracker combo in every bite. These bars bake in one pan, hold their shape when cut, and travel well to picnics or pool parties. You get the classic s’mores flavor without the sticky hands or the smoke in your hair.
The base is a buttery graham crust, the middle is a thick layer of chocolate and marshmallows, and the top crisps under the broiler for that signature char. Because everything bakes together, the textures settle into a chewy, gooey slab you can pack in a cooler. This version uses a measured amount of each component so the bars cut clean instead of collapsing. If you enjoyed this, our colman s mustard is worth trying next. Making this s’mores bars recipe for summer dessert at home is surprisingly straightforward once you know the key steps.
Why You’ll Love These S’Mores Bars Recipe For Summer Dessert
- One pan bakes the whole batch—no individual assembly over a fire.
- Crust stays crisp because it’s pre-baked before toppings go on.
- Bars cut into tidy squares that pack into lunch boxes or coolers.
- Broiled top gives real toasted notes without a torch or flame.
- Recipe scales to a half sheet for crowds at summer parties.
Ingredients You’ll Need
- 2 cups graham cracker crumbs (about 14 full sheets, finely crushed)
- 1/2 cup unsalted butter, melted
- 1/4 cup granulated sugar
- 2 cups milk chocolate chips (or chopped milk chocolate bars)
- 3 cups mini marshmallows
- 4 whole graham crackers, broken into quarters for topping
- 1/4 cup semi-sweet chocolate chunks for finishing
Ingredient Substitutions
Graham cracker crumbs: Replace with an equal weight of digestive biscuit crumbs for a milder, slightly sweeter base. Digestive biscuits brown a touch faster, so check the crust at 8 minutes instead of 10. The texture stays similarly sandy and crisp once cooled. The s’mores bars recipe for summer dessert works well for weeknight cooking when time is limited.
Milk chocolate chips: Swap for an equal amount of dark chocolate chips if you want less sweetness and a firmer set. Dark chocolate melts slower under the broiler, so add 30 seconds to the broil time and watch for softness rather than full melt. The bars will read less candy-like and more bittersweet. Storing leftover s’mores bars recipe for summer dessert correctly keeps it tasting good for days.
Mini marshmallows: Use an equal volume of large marshmallows cut into sixths with scissors. Larger pieces create thicker pockets of melt and need 1 minute more broil to toast the tops. Expect a lumpier surface with visible marshmallow clusters. For the best results with this s’mores bars recipe for summer dessert, read through all the steps before starting.
Unsalted butter: Replace with an equal amount of coconut oil for a dairy-free crust that firms up well in the fridge. Coconut oil stays softer at room temperature, so chill the cut bars 20 minutes before serving. The flavor picks up a faint coconut note that pairs with the chocolate. For another easy option, check out our strawberry summer salad.
Step-by-Step Instructions
- Heat the oven to 180°C / 350°F and line a 9×9 inch pan with parchment so the paper rises above the sides.
- Stir 2 cups graham crumbs, 1/2 cup melted butter, and 1/4 cup sugar until the mix clumps like wet sand.
- Press the crumb mix into the pan bottom with a flat cup until even and compact, then bake 10 minutes until the edge looks dry.
- Sprinkle 2 cups chocolate chips across the hot crust so they begin to soften from residual heat.
- Scatter 3 cups mini marshmallows and the 4 broken graham quarters over the chocolate in an even layer.
- Broil on high for 2 to 3 minutes until marshmallows turn golden and crispy on top—watch closely so they don’t burn.
- Add 1/4 cup semi-sweet chunks, cool on a rack 25–30 minutes, then chill 30 minutes for clean cuts.
- Lift the slab out by the parchment and cut into 16 squares with a sharp knife.
Pro Tips
Pre-bake the crust fully so the base stays snappy under the wet marshmallows—a soft crust makes the bars sag when cut. For cleaner slices, run your knife under hot water and wipe between cuts to stop chocolate dragging.
Use a broiler pan placement guide to keep the top rack at the right distance; too close and the marshmallows scorch before the chocolate warms. Chill the finished slab before cutting so the chocolate layers firm instead of smearing.
Reserve a few graham quarters for the top so each square shows a cracker bit, not just marshmallow. If your chips don’t melt from the crust heat, broil 30 seconds before adding marshmallows next time.
Cut bars with a gentle sawing motion rather than straight down to keep the top from tearing. A bench scraper works better than a thin knife for lifting the first square out cleanly.
Common Mistakes to Avoid
Skipping the parchment overhang traps the slab in the pan and cracks it on removal—always leave paper tabs. Adding marshmallows to a cold crust lets the base absorb moisture and turn paste-like instead of crisp.
Broiling with the rack too low leaves marshmallows pale and chocolate unmelted; keep the pan on the top third. Cutting while warm makes the layers slide, so wait until the chill step finishes.
Using stale marshmallows that dried out gives tough chews instead of soft melt—check the bag date. Over-packing the crumb base makes the bottom too dense and hard to bite through.
Serving Suggestions
Plate the squares on a strawberry salad spread for a sweet-savory backyard table. A cold glass of milk or iced coffee balances the chocolate richness at outdoor gatherings.
Stack two bars in a paper sleeve for a picnic dessert that won’t stick. Pair with lillet spritz for a grown-up patio option alongside the kid-friendly squares.
Storage and Reheating
Keep cut bars in an airtight container in the fridge up to 4 days since the marshmallow layer stays safest cold. Freeze them separated by parchment up to 2 months for later summer events.
To reheat, warm a square in the microwave 10 seconds until the chocolate loosens but the crust stays firm. Don’t leave baked bars out more than 2 hours in summer heat or the marshmallow weeps.
Recipe Variations
Peanut Butter Swirl
Drop 1/3 cup peanut butter in small dots over the chocolate before broiling. It warms into ribbons and adds a salty note that cuts the sweet. The bars need the same chill time to set the swirl.
Berry Topped
Press a few summer berries onto the marshmallow layer before broiling for a tart contrast. Use firm strawberries so they don’t release too much juice. The top toasts around the fruit without softening the crust.
Salted Caramel
Drizzle 1/4 cup thick caramel over the chocolate and finish with flaky salt after broiling. The salt sharpens the milk chocolate and slows the sweetness. Cut carefully so the caramel doesn’t pull the top.
Corn Flour Crust
Replace 1/2 cup graham crumbs with corn flour blend for a slightly grainy, gluten-light base. Add 1 tbsp butter to keep it pressable. The bake time stays the same but the crumb reads more tender.
s’mores bars recipe for summer dessert
Description
These s'mores bars deliver toasty marshmallow, melty chocolate, and crisp graham cracker in a chewy one-pan slab you can pack for summer outings.
Ingredients
Instructions
-
Heat oven and line pan
Heat the oven to 180°C / 350°F and line a 9x9 inch pan with parchment so the paper rises above the sides. This overhang will let you lift the whole slab out later without cracking it.
-
Mix and press crust
Stir 2 cups graham crumbs, 1/2 cup melted butter, and 1/4 cup sugar until the mix clumps like wet sand. Press the crumb mix into the pan bottom with a flat cup until even and compact so the base stays snappy under the wet toppings.
-
Pre-bake the crust
Bake the crust at 180°C / 350°F for 10 minutes until the edge looks dry. A fully pre-baked crust keeps the base crisp instead of turning paste-like when the marshmallows go on.
-
Add chocolate layer
Sprinkle 2 cups chocolate chips across the hot crust so they begin to soften from residual heat. The warm base gently melts the chips into a thick layer without needing extra oven time.
-
Scatter toppings
Scatter 3 cups mini marshmallows and the 4 broken graham quarters over the chocolate in an even layer. Distributing them evenly means every square shows a cracker bit and a pocket of melt.
-
Broil the top
Broil on high for 2 to 3 minutes until marshmallows turn golden and crispy on top—watch closely so they don't burn. Keep the pan on the top third of the oven so the tops toast before the chocolate overheats.
-
Finish and cool
Add 1/4 cup semi-sweet chunks, cool on a rack for 25–30 minutes, then chill 30 minutes for clean cuts. The chill step firms the chocolate layers so they slice instead of smearing.
-
Cut into squares
Lift the slab out by the parchment and cut into 16 squares with a sharp knife. Use a gentle sawing motion and wipe the blade between cuts to keep the top from tearing.
Nutrition Facts
Servings 16
- Amount Per Serving
- Calories 320kcal
- % Daily Value *
- Total Fat 14g22%
- Saturated Fat 8g40%
- Cholesterol 20mg7%
- Sodium 150mg7%
- Total Carbohydrate 45g15%
- Dietary Fiber 2g8%
- Sugars 30g
- Protein 3g6%
* Percent Daily Values are based on a 2,000 calorie diet. Your daily value may be higher or lower depending on your calorie needs.
Note
- Storage: Keep cut bars in an airtight container in the fridge up to 4 days since the marshmallow layer stays safest cold; don't leave them out more than 2 hours in summer heat.
- Make ahead: Chill the finished slab 30 minutes before cutting so layers firm instead of sliding, and try our Colman’s mustard ribs for a savory next cookout.
- Pro tip: Run your knife under hot water and wipe between cuts to stop chocolate dragging for cleaner squares.
- Reheating: Warm a square in the microwave 10 seconds until the chocolate loosens but the crust stays firm; don't reheat the same portion more than once.
