S’mores Cookie Bars Recipe

A campfire favorite, ready in a pan.

Chocolate .

Gooey s'mores cookie bars with chocolate, graham crackers, and toasted marshmallows – a quick, classic treat.

Published: March 13, 2026
Share:
Jump to Recipe Pin It
S’mores Cookie Bars Recipe | Zucchini Bread Recipes

S’mores originated in the early 20th century as a popular campfire snack in the United States, quickly becoming a beloved treat for generations. The combination of graham crackers, chocolate, and toasted marshmallows created a perfect balance of sweet and crunchy, and it remains a cultural icon at backyard gatherings and scouting trips.

Why You'll Love It

    • No need for a fire, just your oven.
    • Soft, chewy interior with a crisp top.
    • Easy to slice and serve for any crowd.
    • Perfect blend of chocolate, graham, and marshmallow.

"The s'mores bars taste just like the campfire version, but with a softer bite. My kids can’t get enough!"

Essential Ingredient Guide

  • Chocolate chips: Choose semi‑sweet chips for balanced richness; melt them gently for a glossy topping.
  • Graham crackers: Crush them finely; they add crunch and an earthy sweetness that anchors the bar.
  • Marshmallows: Use large, fluffy marshmallows to create a toasted, caramelized surface.
  • Butter: Room‑temperature butter creates a tender crumb without over‑mixing.
  • Brown sugar: Adds depth and a mild molasses note that complements the chocolate.
  • Vanilla extract: A splash of vanilla lifts the flavor and ties the sweet elements together.

Complete Cooking Process

  • Ingredient Readiness:

    Measure and soften butter, crush graham crackers, and set chocolate chips aside; this ensures a smooth mix and quick baking.

  • Flavor Development:

    Mix butter, sugars, and vanilla until creamy, then fold in graham and chocolate; flavors meld as the dough rests.

  • Texture Control:

    Spread the batter evenly, then press marshmallows on top; the heat will gently melt them into a golden crust.

  • Finishing Touches:

    Cool the bars completely before slicing, allowing the interior to set and the edges to firm up.

  • Serving Timing:

    Serve at room temperature; the bars are soft yet hold their shape, ideal for sharing.

  • Pro Tips

    • Use parchment paper for an easy release.

    • Press the marshmallows lightly; they’ll spread just enough while baking.

    • Let the bars chill for 10 minutes after baking for cleaner cuts.

    • Add a pinch of sea salt on top for contrast.

    Well, these little tweaks make a big difference. I remember once I over‑baked them and the tops turned a little too crisp—now I always set a timer and trust the aroma. The slow cooling lets the chocolate set glossy, giving that satisfying snap when you break a piece.

Cooking S’mores Cookie Bars Recipe | Zucchini Bread Recipes

The essence of the dish:

What makes these bars special is the marriage of three familiar textures: the crumbly graham base, the melt‑in‑your‑mouth chocolate, and the toasted marshmallow crown.

A fun fact or historical angle:

The original s'more was popularized by the Girl Scouts in 1927, and it quickly became a campfire staple across America.

Flavor or sensory focus:

Expect the sweet scent of caramelized marshmallow, the deep cocoa aroma, and the warm, buttery crunch of graham that linger on the palate.

You Must Know

  • Do not over‑mix the batter; a gentle fold keeps it tender.

  • Watch the marshmallows; they brown quickly and can burn.

  • Cool fully before cutting for clean edges.

Frequently Asked Questions

Can I make these gluten‑free?

Yes, substitute the graham crackers with a gluten‑free version or use crushed gluten‑free biscuits.

How do I store leftovers?

Place the bars in an airtight container at room temperature for up to three days; they stay soft and flavorful.

Can I add nuts?

Chopped pecans or walnuts add a pleasant crunch; fold them into the batter before baking.

What if I don’t have chocolate chips?

A chopped bar of dark chocolate works just as well; melt it and drizzle over the top before baking.

Can I freeze these bars?

Yes, wrap individual portions in plastic wrap and freeze; thaw at room temperature before serving.

How do I achieve a toasted marshmallow top without a broiler?

A short burst under a hot oven (475°F) for 2‑3 minutes will lightly brown the marshmallows.

Nutrition Facts

per serving

280

Calories

4g

Protein

38g

Carbs

13g

Fat

Fiber: 1g
Sugar: 24g
Sodium: 180mg

Taste Profile

🍯 Sweet
High
🧂 Salty
Low
🌶️ Spicy
None
🍋 Sour
None
🍖 Umami
Low

Rich chocolatey sweetness with a toasted marshmallow finish

Ingredient Substitutions

Don't have an ingredient? Try these alternatives

Butter Margarine or coconut oil

Will change flavor slightly; coconut oil adds a subtle aroma.

Graham crackers Digestive biscuits

Provides a similar texture with a hint of caramel.

Recipe Variations

Try these delicious twists on the original

Spicy Version

Add a pinch of cayenne pepper to the batter and sprinkle a few crushed red pepper flakes over the marshmallows.

Mediterranean Style

Mix chopped dried apricots and pistachios into the base, and finish with a drizzle of honey.

Common Mistakes to Avoid

Learn from others' mistakes for perfect results

  • Over‑mixing the batter, which can make the bars tough.
  • Baking too long; the marshmallows can turn hard.
  • Cutting the bars while still warm, leading to crumbly pieces.

Meal Prep & Storage

Make Ahead Tips

You can prepare the batter a day ahead, refrigerate, and bake when ready; the bars keep well for up to 2 days.

Leftover Ideas

Reheat gently in a skillet over low heat, covered, to revive the soft interior.

Perfect Pairings

Serve this with...

A glass of cold milk or almond milk Fresh berries with a dollop of whipped cream A light citrus salad to cut through the richness

Cooking Timeline

0-5 min

Gather and measure all ingredients; soften butter.

5-10 min

Cream butter and sugars, then add eggs and vanilla.

10-15 min

Mix dry ingredients, combine with wet, fold in crumbs and chocolate.

15-18 min

Spread batter in pan, press marshmallows on top.

18-30 min

Bake, cool, slice, and serve.

S’mores Cookie Bars Recipe

S’mores Cookie Bars Recipe

Indulge in gooey s'mores cookie bars that capture the classic campfire treat in a buttery, chocolate‑laden bar. The scent of toasted marshmallows mingles with rich chocolate and crunchy graham, making every bite feel like a warm evening by the fire. Perfect for a quick dessert, these bars bring nostalgia without the hassle of a fire pit.

Author: Chloe Bennett

Timing

Prep Time

15 Minutes

Cook Time

12 Minutes

Total Time

27 Minutes

Recipe Details

Category: Chocolate
Difficulty: Easy
Cuisine: American
Yield: 12 Servings
Dietary: Vegetarian

Ingredients

Base

  • 01

    1 cup (227g) unsalted butter, softened

  • 02

    1/2 cup (100g) brown sugar

  • 03

    1/4 cup (50g) granulated sugar

  • 04

    2 large eggs

  • 05

    1 tsp vanilla extract

  • 06

    1 1/2 cups (180g) all‑purpose flour

  • 07

    1/2 tsp baking soda

  • 08

    1/4 tsp salt

  • 09

    1 1/2 cups (150g) graham cracker crumbs

  • 10

    1 cup (170g) semi‑sweet chocolate chips

Topping

  • 01

    1 1/2 cups (225g) mini marshmallows

Instructions

Step 01

Preheat the oven to 350°F (175°C). Line a 9x13‑inch pan with parchment paper.

Step 02

In a large bowl, cream together the butter, brown sugar, and granulated sugar until light and fluffy. Add eggs one at a time, mixing well, then stir in vanilla.

Step 03

In a separate bowl, whisk flour, baking soda, and salt. Gradually add the dry mixture to the wet, stirring until just combined. Fold in graham cracker crumbs and chocolate chips gently.

Step 04

Spread the batter evenly in the prepared pan. Press mini marshmallows over the top, leaving a thin layer.

Step 05

Bake for 12‑14 minutes, or until the edges are golden and the marshmallows turn lightly browned. Let cool completely before slicing.

Notes & Tips

  • 1

    If you prefer a chewier bar, reduce baking time by a minute.

  • 2

    For extra crunch, sprinkle a handful of crushed graham crackers on top before baking.

  • 3

    A light drizzle of caramel sauce adds a luxurious finish.

Tools You'll Need

  • 9x13‑inch baking pan

  • Parchment paper

  • Mixing bowls

  • Hand mixer or whisk

  • Spatula

  • Measuring cups and spoons

Must-Know Tips

  • Don't over‑mix the batter; it keeps the bars tender.

  • Let the bars cool fully before cutting; this prevents crumbling.

  • Watch the marshmallows closely; they can go from golden to burnt quickly.

Professional Secrets

  • Room‑temperature butter ensures even incorporation.

  • Bake on the middle rack for even heat distribution.

  • Allow the bars to rest for 10 minutes after baking for optimal sliceability.

Chloe Bennett

Recipe by

Chloe Bennett

🍫💖 Chocolate addict, dessert dreamer, and muffin magician. Sprinkles happiness in every bite 🎉🧁.

Get Delicious Recipes Weekly

Join 25,000+ home cooks getting our best recipes straight to their inbox.

Free forever • No spam • Unsubscribe anytime