Chocolate Marshmallow Cookie Bars: The Ultimate Gooey S’mores Treat

By Sarah Miller

On September 10, 2026

Extreme close-up of a layered smores bar showing the charred spots on jumbo marshmallows and glossy dark chocolate. (Chocolate Marshmallow Cookie Bars)

Cuisine

American

Prep time

15 minutes

Cooking time

25 minutes

Total time

40 minutes

Servings

12 bars

Chocolate Marshmallow Cookie Bars are the decadent, gooey, and charred dessert of your dreams. Imagine a thick, buttery graham cracker crust topped with a river of melted dark chocolate and semi-sweet chunks, all finished with a mountain of jumbo marshmallows toasted to charred perfection. If you are looking for that viral marshmallow pull that stops the scroll on Pinterest, you have found the right recipe.

These bars aren’t just a dessert; they are a sensory experience. From the crunch of the graham cracker crumbs to the flaky sea salt that cuts through the richness of the dark chocolate, every bite is balanced. Whether you’re making these for a summer cookout or a cozy winter night, they bring the campfire indoors without the need for a fire pit.

A handheld shot of a Chocolate Marshmallow Cookie Bar being lifted to reveal a dramatic gooey string pull.
The dramatic marshmallow pull that makes these bars irresistible.

Why These Chocolate Marshmallow Cookie Bars Are a Total Game Changer

  • The Perfect Texture Contrast: You get a crunchy base, a silky chocolate center, and a cloud-like, gooey marshmallow top.
  • Visual Showstopper: The toasted jumbo marshmallows with charred spots look professional and rustic at the same time.
  • Easy to Share: Unlike traditional s’mores, these stay together in neat (yet messy) bars, perfect for parties.
  • Gourmet Flavor: We use a blend of dark chocolate and semi-sweet chunks to ensure they aren’t cloyingly sweet.

If you love layered desserts like these, you should also check out our chocolate chip caramel cookie bars for another decadent treat that hits all the right notes.

The Science Behind the Perfect S’mores Bar Ingredients

Graham Cracker Crumbs: 1 1/2 cups (180g). These provide the structural foundation. A fine crumb ensures the crust doesn’t crumble away when you lift a bar.

Unsalted Butter: 1/2 cup (113g), melted. Butter binds the crumbs and adds a rich, toasted flavor that mimics a traditional cookie base.

Dark Chocolate Bars: 8 oz (226g), chopped. Using high-quality dark chocolate (60% cacao or higher) provides a sophisticated bitterness that balances the sugar in the marshmallows.

Semi-Sweet Chocolate Chunks: 1/2 cup (90g). These hold their shape slightly better than the melted bar, giving you pockets of texture in every bite.

Jumbo Marshmallows: 10-12 oz (283-340g). We use jumbo marshmallows specifically to achieve that dramatic, thick, gooey marshmallow string pull seen in professional food photography.

Flaky Sea Salt: A generous pinch. Do not skip this! It elevates the chocolate profile and makes the sweetness pop.

For those who enjoy a different kind of cookie texture, our chewy chocolate chip cookies recipe offers a classic comparison to these layered bars.

Extreme close-up of a layered smores bar showing the charred spots on jumbo marshmallows and glossy dark chocolate. (Chocolate Marshmallow Cookie Bars)
Look at those perfectly charred jumbo marshmallows!

How to Construct These Layered Chocolate Marshmallow Cookie Bars

1. Crafting the Golden Graham Cracker Crust

Preheat your oven to 350°F (175°C). Line a rustic metal baking pan with parchment paper, leaving an overhang on the sides for easy removal. In a medium bowl, combine the 1 1/2 cups (180g) of graham cracker crumbs with 1/3 cup (65g) of granulated sugar and the 1/2 cup (113g) of melted butter.

Visual Cue: The mixture should look like wet sand. Press it firmly into the bottom of the pan using the bottom of a measuring cup. Bake for 8-10 minutes until it smells nutty and looks golden brown. This sets the base so it stays crisp under the heavy toppings.

2. Creating the Glossy Chocolate Core

While the crust is still warm, sprinkle your chopped dark chocolate and semi-sweet chocolate chunks evenly over the surface. Return the pan to the oven for just 1-2 minutes to let the chocolate soften.

Remove from the oven and use a spatula to gently swirl the melting chocolate, creating a thick, glossy layer. The combination of the two chocolates ensures a complex flavor profile that isn’t one-dimensional.

3. The Toasted Jumbo Marshmallow Mountain

Place the jumbo marshmallows side-by-side on top of the melted chocolate. You want them packed tightly so there are no gaps. Switch your oven to the broiler setting. Place the pan on the middle rack and watch closely—this happens fast!

Visual & Sensory Cue: You are looking for a perfect gradient of white to deep charred amber brown. The marshmallows should look bubbly and slightly blistered. This usually takes 60-90 seconds. If you have a kitchen torch, you can use it to add extra charred spots for that authentic campfire look.

4. The Finishing Touches

Immediately after removing the bars from the broiler, sprinkle a light dusting of graham cracker sand and a generous pinch of flaky sea salt over the top. This adds the final layer of visual texture and flavor balance.

Pro Tip: Let the bars sit for at least 15-20 minutes before cutting. This allows the chocolate to set just enough so you get a dramatic string pull without the whole bar collapsing.

Expert Tips for Success

  • Use a Metal Pan: A rustic metal baking pan conducts heat more evenly for the crust than glass does.
  • Wet Your Knife: When cutting these Chocolate Marshmallow Cookie Bars, lightly grease or wet your knife to prevent the marshmallow from sticking.
  • Watch the Broiler: Marshmallows go from golden to burnt in seconds. Never walk away from the oven during the toasting phase.
  • Quality Chocolate Matters: Since chocolate is the heart of this recipe, avoid low-quality chips that contain fillers; they won’t melt into that glossy layer you see in the photos.

If you’re a fan of bars with a salty-sweet kick, you might also love our salted caramel chocolate chip cookie bars.

Storage, Reheating & Freezing

To Store: Keep these bars in an airtight container at room temperature for up to 3 days. Do not refrigerate, as this can make the marshmallows gummy and the crust hard.

To Reheat: For that “just baked” gooeyness, pop a single bar in the microwave for 5-10 seconds. The chocolate will soften and the marshmallow will regain its stretch.

To Freeze: Wrap individual bars tightly in plastic wrap and store in a freezer bag for up to 2 months. Thaw at room temperature before enjoying.

What to Serve With These Bars

These bars are incredibly rich, so they pair beautifully with a cold glass of milk or a strong cup of black coffee. If you are serving these at a party, consider a fruit-based side to cleanse the palate, such as our hawaiian fruit salad. The acidity of the fruit cuts right through the heavy chocolate and marshmallow.

Frequently Asked Questions

Absolutely! Simply swap the standard graham crackers for a gluten-free graham cracker brand. The rest of the ingredients (chocolate, marshmallows, butter) are naturally gluten-free.

(function(w,q){w[q]=w[q]||[];w[q].push(["_mgc.load"])})(window,"_mgq");

Yes, you can use mini marshmallows, but you won’t get the same dramatic ‘string pull’ effect. Jumbo marshmallows create a thicker, gooeier layer that is perfect for that iconic s’mores texture.

(function(w,q){w[q]=w[q]||[];w[q].push(["_mgc.load"])})(window,"_mgq");

The secret is using the broiler on high and watching it like a hawk. It usually takes less than 90 seconds. For more control, you can use a kitchen blowtorch to target specific spots.

(function(w,q){w[q]=w[q]||[];w[q].push(["_mgc.load"])})(window,"_mgq");

This usually happens if the crumbs aren’t pressed firmly enough into the pan or if there isn’t enough butter. Use the bottom of a flat measuring cup to pack the crust tightly before baking.

(function(w,q){w[q]=w[q]||[];w[q].push(["_mgc.load"])})(window,"_mgq");

The Full Recipe: Chocolate Marshmallow Cookie Bars

Extreme close-up of a layered smores bar showing the charred spots on jumbo marshmallows and glossy dark chocolate. (Chocolate Marshmallow Cookie Bars)

Chocolate Marshmallow Cookie Bars: The Ultimate Gooey S'mores Treat

These Chocolate Marshmallow Cookie Bars feature a buttery graham cracker crust, a thick layer of melted dark chocolate, and jumbo marshmallows toasted to charred perfection. A decadent, easy-to-make dessert with a dramatic marshmallow pull.
Prep Time 15 minutes
Cook Time 25 minutes
Total Time 40 minutes
Servings: 12 bars
Course: Dessert, Snack
Cuisine: American
Calories: 320

Ingredients
  

Main Recipe
  • 1 1/2 cups graham cracker crumbs 180g
  • 1/2 cup unsalted butter 113g, melted
  • 1/3 cup granulated sugar 65g
  • 8 oz dark chocolate bars 226g, chopped
  • 1/2 cup semi-sweet chocolate chunks 90g
  • 12 oz jumbo marshmallows 340g
  • 1 pinch flaky sea salt for garnish

Equipment

  • 1 9x9 inch metal baking pan Rustic metal preferred for even heating
  • 1 Parchment Paper

Method
 

Preparation
  1. Preheat oven to 350°F (175°C). Combine graham cracker crumbs, sugar, and melted butter. Press firmly into a lined 9x9 metal pan.
  2. Bake for 8-10 minutes until golden brown and fragrant.
  3. Sprinkle chopped dark chocolate and semi-sweet chunks over the warm crust. Return to oven for 1-2 minutes until glossy and melted.
  4. Arrange jumbo marshmallows in a single layer over the chocolate. Broil for 60-90 seconds until charred and bubbly.
  5. Top with extra graham crumbs and flaky sea salt. Cool slightly before slicing to achieve the perfect string pull.

Notes

Use a kitchen torch if your broiler is uneven for better charred spots.
Wet your knife between cuts for clean slices through the marshmallow layer.

Share Your Gooey Creations!

Did you get the perfect gooey marshmallow string pull? We want to see it! Save this recipe to your Pinterest Dessert Board so you never lose it. If you made these Chocolate Marshmallow Cookie Bars, please leave a 5-star rating in the recipe card above and drop a photo in the comments below. Following diane_kitchen_1 on Pinterest is the best way to stay updated on our latest viral bakes!

A stack of Chocolate Marshmallow Cookie Bars featuring a thick graham cracker crust, melted dark chocolate, and charred jumbo marshmallows with a gooey pull.
The ultimate s'mores inspired Chocolate Marshmallow Cookie Bars.

You might also like these recipes

Leave a Comment

Recipe Rating