Smores Cookie Bars: The Gooey Toasted Marshmallow Treat You Need

By Sarah Miller

On August 17, 2026

Thick Smores Cookie Bars in a rustic metal pan featuring melted dark chocolate and toasted marshmallows.

Cuisine

American

Prep time

20 minutes

Cooking time

25 minutes

Total time

45 minutes

Servings

16 bars

Smores Cookie Bars are the ultimate nostalgic dessert, capturing the magic of a backyard bonfire in a single, decadent handheld square. These bars aren’t just a simple treat; they are a textural masterpiece featuring a buttery graham cracker crust, layers of glossy melted Hershey chocolate, and a crown of toasted jumbo marshmallows with charred amber peaks. If you are looking for that perfect viral-worthy marshmallow pull, you have found the definitive recipe.

When you take a bite of these Smores Cookie Bars, you experience the crunch of the base followed by the silky flow of dark chocolate and the sticky, sweet cloud of perfectly toasted fluff. The addition of golden cookie dough crumbs and a final dusting of graham cracker sand elevates this from a simple bar to a gourmet experience that performs exceptionally well on Pinterest and at every summer gathering.

Close up of charred marshmallow peaks and scattered graham cracker dust on Smores Cookie Bars.
Look at those charred peaks! The broiler is the secret to perfect Smores Cookie Bars.

Why These Smores Cookie Bars Are Better Than a Campfire

  • Perfect Textural Contrast: The crunch of the buttery graham cracker crust balances the gooey, melted center.
  • Charred Marshmallow Peaks: We use a specific broiling technique to ensure those toasted jumbo marshmallows look like they were pulled straight from a flame.
  • No-Mess Portability: Get all the flavor of a traditional smore without the sticky fingers and falling chocolate.
  • Crowd-Pleasing Scale: This recipe easily feeds a crowd, making it better than roasting one marshmallow at a time.

If you love hosting summer parties, you might also want to try our easy boat dip or a refreshing watermelon feta salad to balance the sweetness of these bars. For more seasonal inspiration, check out our favorite summer pie recipes.

The Essential Ingredients for Gourmet Smores Bars

To achieve the specific look and taste of these Smores Cookie Bars, every ingredient serves a technical culinary purpose. We don’t just want sweetness; we want structural integrity and deep flavor profiles.

The Triple-Layer Foundation

Graham Cracker Crumbs: 2 cups (200g). These provide the essential honey-wheat flavor profile and the “sand” texture for the base and the topping.

Unsalted Butter: 3/4 cup (170g), melted. High-quality butter acts as the glue for the crust and provides a rich, fatty mouthfeel to the cookie dough.

Hershey’s Milk Chocolate Bars: 6 standard bars (approx. 260g). While you can use chips, the flat bars create a thick middle layer of glossy melted chocolate that mimics a traditional smore perfectly.

Jumbo Marshmallows: 1 bag (approx. 300g). We use jumbo size specifically to create those large, pillowy charred amber peaks that look incredible in photos.

The Golden Cookie Dough Topping

All-Purpose Flour: 1 ½ cups (190g). This provides the structure for the golden cookie dough crumbs scattered on top.

Brown Sugar & Granulated Sugar: A mix of both (1/2 cup / 100g each) ensures a chewy texture and a deep molasses undertone.

Vanilla Extract: 1 tablespoon (15ml). A heavy hand with vanilla rounds out the sweetness of the marshmallows.

Thick Smores Cookie Bars in a rustic metal pan featuring melted dark chocolate and toasted marshmallows.
Fresh out of the oven: Smores Cookie Bars with perfectly golden cookie dough crumbs.

How to Make Smores Cookie Bars Step-by-Step

1. Constructing the Buttery Graham Cracker Base

Preheat your oven to 350°F (175°C). Line a 9×9 inch (23x23cm) metal baking pan with parchment paper, leaving an overhang for easy removal. This is crucial for that “handheld” shot later.

Combine your crushed graham crackers with melted butter and a pinch of salt. Press the mixture firmly into the bottom of the pan using the bottom of a flat measuring cup. Bake for 8 minutes until it smells toasted and looks set.

2. Mixing the Golden Cookie Dough Crumbs

In a medium bowl, cream together the softened butter and sugars. Add an egg and vanilla, then fold in the flour and a handful of extra graham dust. This dough shouldn’t be a solid sheet; we want scattered crumbs that allow the marshmallow to peek through.

3. The Layering Process for Maximum Gooeyness

Once the crust is slightly cooled, lay the Hershey chocolate bars side-by-side until the crust is completely covered. This creates a solid wall of chocolate. Next, arrange the jumbo marshmallows in a tight grid over the chocolate. Finally, pinch off pieces of your cookie dough and scatter them in the gaps between the marshmallows.

4. Achieving Those Charred Peaks

Bake the bars at 350°F (175°C) for 15-20 minutes. The cookie dough should be golden brown. For the Visual Recipe Blueprint finish, turn your broiler to high for the last 60-90 seconds. Watch closely! You want the marshmallows to develop toasted amber peaks and charred edges without catching fire.

Expert Tips for Pinterest-Perfect Smores Bars

  • The Clean Cut: To get those sharp, professional edges, let the bars cool completely, then chill them in the fridge for 2 hours before slicing with a hot, wet knife.
  • Marshmallow Physics: If you want the “gooey strand” look shown in the photos, serve the bars slightly warm. The marshmallow will be at its most elastic.
  • Salt is Key: A sprinkle of flaky sea salt over the melted Hershey chocolate layer cuts through the intense sugar and makes the flavors pop.
  • Avoid Over-Baking: Remember that the chocolate will continue to firm up as it cools. If you bake it until the chocolate is hard, you lose the “glossy” texture.

If you’re serving these at a cookout, they pair beautifully with a savory side like caprese pasta salad or a spicy elote pasta salad.

Storage, Reheating & Freezing

Storage: Keep these Smores Cookie Bars in an airtight container at room temperature for up to 3 days. Do not refrigerate long-term, as the marshmallows can become rubbery.

Reheating: To regain that “just-baked” feel, pop a bar in the microwave for 10 seconds. This will re-melt the chocolate and soften the marshmallow peaks.

Freezing: These bars freeze surprisingly well. Wrap individual squares in plastic wrap and freeze for up to 2 months. Thaw at room temperature before eating.

What to Serve With Smores Cookie Bars

Because these bars are incredibly rich, they are best served with contrasting flavors. A cold glass of milk is the classic choice, but a bitter espresso or a tart watermelon fry snack can provide a refreshing palate cleanser. For a full summer spread, consider serving these alongside a California roll cucumber salad to keep the meal feeling light before the heavy dessert.

Yes! Simply swap the graham crackers for a gluten-free brand and use a 1:1 gluten-free flour blend for the cookie dough topping.

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

While you can, marshmallow fluff won’t give you those iconic charred amber peaks or the same structural height as jumbo marshmallows. For the best visual results, stick to the real thing!

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

Using Hershey bars instead of chips is the secret. The formulation of the bars allows them to melt into a smooth, glossy layer that stays soft longer than chocolate chips.

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

This usually happens if the butter wasn’t mixed thoroughly or if the crust wasn’t pressed firmly enough into the pan. Use the bottom of a flat cup to pack it down tight.

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

The Ultimate Smores Cookie Bar Recipe

Ready to bake the most viral dessert of the summer? Follow the precise measurements below to ensure your Smores Cookie Bars have the perfect graham-to-chocolate ratio.

A handheld Smores Cookie Bar being lifted showing a thick graham crust, melted chocolate, and a gooey marshmallow stretch with charred peaks.
The ultimate marshmallow pull from our fresh-baked Smores Cookie Bars.
Thick Smores Cookie Bars in a rustic metal pan featuring melted dark chocolate and toasted marshmallows.

Smores Cookie Bars: The Gooey Toasted Marshmallow Treat You Need

These decadent Smores Cookie Bars feature a buttery graham cracker crust, a thick layer of melted Hershey chocolate, and toasted jumbo marshmallows with iconic charred peaks for the ultimate campfire flavor.
Prep Time 20 minutes
Cook Time 25 minutes
Total Time 45 minutes
Servings: 16 bars
Course: Dessert, Snack
Cuisine: American
Calories: 320

Ingredients
  

Smores Components
  • 2 cups (200g) graham cracker crumbs finely crushed
  • 3/4 cup (170g) unsalted butter melted
  • 6 full size Hershey’s Milk Chocolate Bars broken to fit pan
  • 1 bag (300g) jumbo marshmallows fresh is best
  • 1.5 cups (190g) all-purpose flour
  • 0.5 cup (100g) brown sugar packed
  • 1 tablespoon vanilla extract

Equipment

  • 1 9x9 inch baking pan Metal preferred for crispier edges
  • 1 Parchment Paper For easy removal

Method
 

Preparation
  1. Combine graham crumbs and melted butter; press into a lined 9x9 pan and bake for 8 minutes at 350°F.
  2. Place Hershey bars over the warm crust, followed by a layer of jumbo marshmallows.
  3. Scatter cookie dough crumbs over marshmallows and bake for 15-20 minutes.
  4. Broil for 60 seconds until marshmallows show charred amber peaks.

Notes

Chill before cutting for clean squares.
Use a hot knife to slice through sticky marshmallows.

Save This Recipe to Pinterest!

Don’t lose this recipe! Click the Pin button to save these Smores Cookie Bars to your “Dessert Goals” or “Summer BBQ” boards. If you make these, please upload a photo of your marshmallow pull in the comments below—we love seeing your charred peaks! Don’t forget to leave a 5-star rating if you enjoyed this gooey treat.

You might also like these recipes

Leave a Comment

Recipe Rating