S’mores Cookie Bars

By Haruki Sakamoto

Posted on June 22, 2026

S’mores Cookie Bars

S’mores Cookie Bars are a decadent dessert that combines a buttery graham cracker crust, rich chocolate filling, and toasted marshmallow topping in one convenient bar. These bars deliver all the nostalgic campfire flavor without the hassle of roasting marshmallows. They are perfect for parties, potlucks, or a simple weeknight treat.

Recipe Overview
Prep Time15 minutes
Cook Time25 minutes
Total Time40 minutes
Servings16 bars
DifficultyEasy
CuisineAmerican

Why This Recipe Works

I have tested countless s’mores variations, but these cookie bars consistently win over crowds. The graham cracker crust is sturdy yet tender, so it holds the filling without crumbling. By using a simple press-in crust, you avoid the tedious rolling and chilling of traditional dough.

The chocolate layer stays rich and melty, while the marshmallows puff into golden pillows during the final broil. Because each bar is individually portioned, you never fight over the last piece. This recipe also adapts easily to dietary needs, making it a versatile staple in my kitchen.

Ingredients

IngredientQuantityNotes
Graham cracker crumbs2 cupsFrom about 14 full graham crackers; use gluten-free if needed
Unsalted butter (melted)½ cup (1 stick)Substitute coconut oil for dairy-free
Granulated sugar¼ cupReduce to 2 tablespoons for less sweetness
All-purpose flour⅓ cupOmit for a thinner crust
Salt¼ teaspoonEnhances flavor
Semi-sweet chocolate chips1½ cupsMilk or dark chocolate also works
Mini marshmallows2 cupsRegular marshmallows can be cut into pieces
Vanilla extract1 teaspoonOptional but adds depth

Step-by-Step Instructions

  1. Prepare the Crust

    • Preheat your oven to 350°F (175°C). Line a 9×9-inch baking pan with parchment paper.
    • In a bowl, mix graham cracker crumbs, sugar, flour, and salt. Stir in melted butter and vanilla until mixture resembles wet sand.
    • Press the crust firmly and evenly into the bottom of the prepared pan. Bake for 10 minutes until lightly golden.
  2. Add the Fillings

    • Sprinkle chocolate chips over the hot crust in an even layer.
    • Scatter mini marshmallows over the chocolate chips, distributing them evenly.
    • Return the pan to the oven and bake for 12–15 minutes, until marshmallows are puffed and lightly browned.
  3. Broil for Toasted Finish

    • Switch the oven to broil. Place the pan 4–6 inches from the heating element.
    • Broil for 1–2 minutes, watching constantly, until marshmallow tops are golden and toasted.
    • Remove from oven and let cool in the pan for at least 20 minutes. Cut into 16 bars while still slightly warm.

Chef Tips for Perfect Results

  • Press the crust firmly – Use a flat-bottomed glass or measuring cup to compress the crumb mixture; a loose crust will fall apart when cut.
  • Use room-temperature butter – Melted but not hot butter ensures the crust holds together without becoming greasy.
  • Do not overbake the marshmallows – They continue to caramelize after removal; take them out when they are just golden for a soft, gooey center.
  • Chill before cutting – For clean, sharp edges, refrigerate the pan for 15 minutes before slicing with a large knife.
  • Line the pan completely – Overhang parchment allows you to lift the entire block out for neat cutting.
  • Experiment with chocolate – Try a mix of milk and dark chocolate chips or add peanut butter chips for a twist.

Common Mistakes to Avoid

  • Overmixing the crust – Stir until just combined; overworking leads to a tough, dense base.
  • Skipping the pre-bake – Raw crust will be soggy; pre-baking ensures a crisp foundation that holds the toppings.
  • Using non-stick spray on the pan – The marshmallows will stick to residue; use parchment paper only.
  • Broiling too long – Marshmallows can ignite quickly; keep the door open and watch constantly.
  • Cutting while piping hot – The filling will ooze out; allow at least 20 minutes of cooling for defined bars.

Variations and Substitutions

IngredientSubstitutionImpact on Flavor
Graham cracker crumbsCrushed vanilla wafers or speculoosSweeter, spicier profile
ButterCoconut oil (solid)Dairy-free with a mild coconut note
All-purpose flourAlmond flourNutty taste, gluten-free, reduces structure slightly
Semi-sweet chocolate chipsWhite chocolate chips + dried raspberriesFruity, creamy contrast
Mini marshmallowsLarge marshmallows halved or vegan marshmallowsSame texture; vegan version may melt differently

Serving Suggestions and Pairings

Serve S’mores Cookie Bars slightly warm with a scoop of vanilla bean ice cream. For a holiday twist, drizzle melted peanut butter or caramel sauce over the top. These bars shine at backyard barbecues, birthday parties, and movie nights. Pair with a tall glass of cold milk, a hot cup of cocoa, or an iced latte to balance the sweetness.

Storage and Reheating

MethodDurationInstructions
Room temperatureUp to 3 daysStore in an airtight container, layering with wax paper.
RefrigeratorUp to 1 weekCover tightly; bring to room temperature before serving for gooey texture.
FreezerUp to 3 monthsWrap individually in plastic wrap, then foil. Thaw at room temperature.
ReheatingQuick reheatMicrowave a bar for 10–15 seconds or warm in a 300°F oven for 5 minutes.

Nutritional Information

NutrientAmount per Serving
Calories280
Total Fat14g
Saturated Fat8g
Carbohydrates38g
Fiber2g
Sugar26g
Protein3g
Sodium135mg

Approximate values. Nutritional content may vary based on ingredient brands and substitutions.

Frequently Asked Questions

Can I use milk chocolate instead of semi-sweet?

Yes, milk chocolate chips can replace semi-sweet for a sweeter, creamier taste. Keep in mind that milk chocolate melts faster, so watch the baking time closely.

How do I know when the bars are done?

The bars are done when the marshmallows are puffed and golden on top, and the chocolate has melted completely. A toothpick inserted into the crust should come out clean.

What if the marshmallows stick to the knife when cutting?

To prevent sticking, spray your knife with a little non-stick cooking spray or wipe it with a paper towel dipped in oil between cuts. Also ensure the bars are completely cool.

Can I make these ahead of time?

Absolutely. S’mores Cookie Bars can be prepared up to two days in advance. Keep them in an airtight container at room temperature, then reheat briefly to restore the gooey texture.

Are these bars suitable for a gluten-free diet?

Yes, simply use certified gluten-free graham crackers and replace the all-purpose flour with a gluten-free all-purpose blend. The texture will be slightly more delicate but still delicious.

Conclusion

S’mores Cookie Bars capture the essence of campfire nights in an easy, shareable format. With a crisp graham cracker base, a river of melted chocolate, and toasted marshmallow peaks, every bite is pure comfort. This dessert has earned a permanent spot in my recipe box, and I suspect it will in yours too. Serve them warm, share generously, and enjoy the signature sweet-smoky flavor that makes s’mores unforgettable.

For more information about graham crackers and their history, visit Food Network’s guide. For tips on perfectly toasting marshmallows, check out The Kitchn’s tutorial.

Print

S’mores Cookie Bars

S’mores Cookie Bars

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

Decadent bars blending a buttery graham cracker crust, melty chocolate layer, and toasted marshmallows for a campfire-inspired treat. Perfect for gatherings or weeknight desserts!

  • Author: Haruki Sakamoto
  • Prep Time: 15
  • Cook Time: 25
  • Total Time: 40
  • Yield: 16 bars
  • Category: recipe index
  • Method: Baking
  • Cuisine: American
  • Diet: Vegetarian

Ingredients

2 cups graham cracker crumbs
½ cup (1 stick) unsalted butter, melted
¼ cup granulated sugar
⅓ cup all-purpose flour
¼ teaspoon salt
1½ cups semi-sweet chocolate chips
2 cups mini marshmallows
1 teaspoon vanilla extract

Instructions

Preheat oven to 350°F (175°C). Line a 9×9-inch pan with parchment paper.
In a bowl, mix graham cracker crumbs, sugar, flour, and salt. Stir in melted butter and vanilla until crumbly.
Press crust firmly into pan. Bake 10 minutes until golden.
Sprinkle chocolate chips over hot crust. Add marshmallows evenly. Return to oven and bake 12-15 minutes until marshmallows puff and brown.
Cool completely before cutting into 16 bars.

Notes

Substitute coconut oil for dairy-free crust. Use gluten-free graham crackers if needed. For less sweetness, reduce sugar to 2 tablespoons. Store in airtight container at room temperature for up to 3 days.

Did you make this recipe?

Share a photo and tag us — we can't wait to see what you've made!

Tags:

You might also like these recipes

Leave a Comment

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star