S’mores Cookie Bars: The Ultimate Gooey, Toasted Marshmallow Treat

By Sarah Miller

On July 23, 2026

Close-up of toasted mini marshmallows with charred brown spots and soft cookie dough peaks on top of s'mores cookie bars.

Cuisine

American

Prep time

20 minutes

Cooking time

25 minutes

Total time

45 minutes

Servings

16 bars

There is something primally satisfying about the combination of toasted marshmallow, molten chocolate, and buttery graham crackers. These S’mores cookie bars capture that specific campfire magic and transform it into a sophisticated, decadent dessert that you can bake right in your kitchen. Imagine pulling a thick, heavy bar away from the stack and watching those long, gooey, translucent white marshmallow strands stretch to their breaking point.

The visual appeal of these bars is undeniable, featuring a dense middle layer of glistening molten dark chocolate ganache and semi-sweet chunks. Crowning the top are toasted mini marshmallows with those iconic charred brown spots and soft white peaks, nestled between dollops of soft-baked cookie dough. It is a handheld masterpiece that looks just as good as it tastes under warm natural daylight.

Whether you are hosting a summer barbecue or simply craving a nostalgic treat, these S’mores cookie bars deliver on every sensory promise. The base is a thick, compressed golden-brown buttery graham cracker crust that provides the perfect structural crunch against the soft, sticky layers above. Let’s dive into the science of making the perfect bar that holds its shape while maintaining that “molten” heart.

Why You’ll Fall in Love with These Gooey S’mores Cookie Bars

  • The Ultimate Texture Contrast: You get the crunch of the buttery graham crust, the chew of the cookie dough, and the melt-in-your-mouth pull of toasted marshmallows.
  • Forensic Visual Accuracy: Every bite features the charred spots and golden peaks described in our visual blueprint, ensuring your dessert looks professionally styled.
  • Better Than a Campfire: By using a combination of dark chocolate ganache and chunks, we ensure the chocolate stays glistening and molten even after cooling.
  • Perfect for Sharing: These bars are incredibly sturdy despite their gooey appearance, making them the ideal candidate for a party-ready dessert stack.
  • Accessible Indulgence: We use everyday ingredients but elevate them through specific layering techniques to achieve that smartphone-photo-worthy result.
Layered s'mores cookie bars showing the buttery graham cracker crust and the thick dark chocolate ganache layer.
A cross-section revealing the thick, compressed graham cracker crust.

Essential Ingredients for the Perfect S’mores Layer Cake

The Foundation: Compressed Graham Cracker Crust

1.5 cups (150g) Graham Cracker Crumbs: These provide the sandy, nostalgic base that defines the s’mores experience. Ensure they are finely ground to create a “compressed” texture that won’t crumble when sliced.

6 tbsp (85g) Unsalted Butter, Melted: Butter acts as the glue for our crust. It provides a rich, savory counterpoint to the sweetness of the chocolate and marshmallow.

2 tbsp (25g) Granulated Sugar: A small amount of sugar helps the crust caramelize and bond together during the initial blind bake. This ensures the base is golden-brown and sturdy.

The Heart: Molten Chocolate Ganache & Chunks

1 cup (170g) Semi-Sweet Chocolate Chunks: Chunks provide larger “pools” of chocolate than standard chips. This creates the “glistening molten” look we see in high-end food photography.

1/4 cup (60ml) Heavy Cream: By melting a portion of the chocolate with cream, we create a ganache. This ensures the middle layer stays soft and fudgy rather than snapping hard like a chocolate bar.

1/2 tsp (3g) Sea Salt: Salt is the “invisible” hero here. It cuts through the sugar and intensifies the cocoa notes in the dark chocolate.

The Topping: Cookie Dough Peaks & Charred Marshmallows

1/2 cup (115g) Unsalted Butter, Softened: This forms the base of our “cookie dough peaks.” It must be at room temperature to properly cream with the sugars for a soft, airy texture.

1/2 cup (100g) Brown Sugar, Packed: Brown sugar contains molasses, which provides moisture and that deep, toffee-like flavor essential for a classic cookie bar.

1.25 cups (155g) All-Purpose Flour: This provides the structure for the “soft baked cookie dough dollops” interspersed between the marshmallows. It holds its shape without becoming tough.

2 cups (100g) Mini Marshmallows: These are the stars of the show. We use mini versions to ensure maximum surface area for “charred brown spots” and stretchy strands.

Kitchen Tools Required for Professional Results

To achieve that thick, square-cut look, you will need an 8×8 inch (20x20cm) square baking pan. Lining this with parchment paper is non-negotiable; it allows you to lift the entire block out for those iconic handheld photos.

A kitchen torch is optional but recommended for achieving those specific “charred brown spots” if your broiler is uneven. You will also need a sturdy spatula to compress the graham cracker crust firmly into the bottom of the pan.

Close-up of toasted mini marshmallows with charred brown spots and soft cookie dough peaks on top of s'mores cookie bars.
Perfectly charred marshmallows provide a campfire finish.

Step-by-Step Guide to the Ultimate S’mores Pull

Step 1: Constructing the Compressed Base

Preheat your oven to 350°F (175°C). In a medium bowl, combine the graham cracker crumbs, melted butter, and sugar. Stir until the mixture looks like wet sand and holds its shape when squeezed.

Press the mixture firmly into the bottom of your lined 8×8 pan. Use the bottom of a flat measuring cup to pack it down hard. Bake for 8-10 minutes until the edges are just starting to turn a deeper golden brown. Set aside to cool slightly.

Step 2: Preparing the Molten Chocolate Core

In a small microwave-safe bowl, combine half of the semi-sweet chocolate chunks with the heavy cream. Heat in 20-second intervals, stirring in between, until a smooth, glistening ganache forms.

Spread this ganache directly over the par-baked graham cracker crust. Sprinkle the remaining whole chocolate chunks over the ganache. This creates a multi-textural chocolate layer that is both molten and chunky.

Step 3: Crafting the Cookie Dough Dollops

Cream the softened butter, brown sugar, and a splash of vanilla until light and fluffy. Mix in one egg, then fold in the flour and a pinch of baking powder. The dough should be soft but hold its shape.

Instead of spreading the dough in a flat layer, drop small, uneven dollops (about 1 tsp each) over the chocolate. Leave plenty of “valleys” where the chocolate can peek through. This is crucial for the visual “peaks and valleys” effect.

Step 4: The Marshmallow Topping and Final Bake

Fill the gaps between the cookie dough dollops with the mini marshmallows. Be generous! You want the marshmallows to be crowded so they fuse together, creating those translucent white strands when pulled.

Bake for 15-18 minutes. The cookie dough dollops should be “soft baked” and golden. For the “charred brown spots,” turn on the broiler for the last 60-90 seconds. Watch closely! Marshmallows go from golden to burnt in a heartbeat.

Expert Tips for Bakery-Style S’mores Cookie Bars

  • The Clean Cut: For those perfect, glistening edges, let the bars cool completely in the fridge before slicing. Then, use a hot knife to cut through the marshmallow layer.
  • The “Pull” Factor: If you want the “stretchy marshmallow strands” for a photo, slightly reheat a single bar in the microwave for 10 seconds before pulling it away from the stack.
  • Don’t Overcompress the Dough: When adding the cookie dough dollops, do not press them down. Let them sit high so they form the “peaks” described in our blueprint.
  • Salt Balance: Use semi-sweet or dark chocolate. Milk chocolate can make the bars cloyingly sweet when combined with the marshmallows and graham crust.

Serving Suggestions and Pairing Ideas

These S’mores cookie bars are a heavy, indulgent dessert. To balance the richness, serve them with a cold glass of milk or a sharp espresso. If you are serving these at a summer party, they pair beautifully with a light, acidic side dish like a summer peach salad to cleanse the palate.

For a full dessert spread, consider adding other finger foods like mini fruit pizzas or a peanut butter cookie pizza. The contrast between the toasted, warm s’mores and the fresh fruit will keep your guests coming back for more.

Frequently Asked Questions

Yes! Wrap them tightly in plastic wrap and foil. To serve, thaw at room temperature and give them a quick blast in the oven or microwave to restore the gooey texture.

While fluff is delicious, it won’t give you the same charred ‘peaks’ or the distinct translucent strands. For the visual accuracy of this recipe, mini marshmallows are recommended.

The ‘pull’ happens when the marshmallows are warm and semi-liquid. If your bars have cooled, microwave a single bar for 10-15 seconds to soften the marshmallow and chocolate before pulling.

The secret is the ganache technique! Mixing a portion of the chocolate with heavy cream lowers the melting point, keeping the center glistening and soft even at room temperature.

This usually happens if the crust wasn’t compressed enough or if there wasn’t enough butter. Use a flat-bottomed cup to pack the crumbs down firmly before baking.

The Best Ever S’mores Cookie Bars Recipe

Close-up of toasted mini marshmallows with charred brown spots and soft cookie dough peaks on top of s'mores cookie bars.

S'mores Cookie Bars: The Ultimate Gooey, Toasted Marshmallow Treat

These decadent S'mores cookie bars feature a compressed graham cracker crust, a molten chocolate ganache center, and a topping of soft-baked cookie dough dollops and charred mini marshmallows for the ultimate stretchy pull.
Prep Time 20 minutes
Cook Time 25 minutes
Total Time 45 minutes
Servings: 16 bars
Course: Desserts, Snacks
Cuisine: American
Calories: 345

Ingredients
  

Graham Cracker Crust
  • 1.5 cups (150g) Graham Cracker Crumbs Finely ground
  • 6 tbsp (85g) Unsalted Butter Melted
  • 2 tbsp (25g) Granulated Sugar
Chocolate Layer
  • 1 cup (170g) Semi-Sweet Chocolate Chunks Divided
  • 1/4 cup (60ml) Heavy Cream
  • 1/2 tsp (3g) Sea Salt
Topping
  • 1/2 cup (115g) Unsalted Butter Softened
  • 1/2 cup (100g) Brown Sugar Packed
  • 1.25 cups (155g) All-Purpose Flour
  • 2 cups (100g) Mini Marshmallows

Equipment

  • 1 8x8-inch square baking pan Lined with parchment paper
  • 1 Kitchen Torch Optional for extra charring

Method
 

Prepare the Base
  1. Mix crumbs, melted butter, and sugar. Press firmly into a 8x8 pan and bake at 350°F (175°C) for 10 minutes until golden.
Layer the Chocolate
  1. Melt 1/2 cup chocolate chunks with heavy cream until glistening. Spread over the warm crust and sprinkle with remaining chunks.
Add Toppings & Bake
  1. Cream butter and sugar for the dough, add flour. Drop dollops of dough over the chocolate. Interperse with mini marshmallows.
  2. Bake for 15-18 minutes. Broil for 60 seconds at the end for charred brown spots on the marshmallows.

Notes

For the best pull, serve while still slightly warm.
Use a hot knife to cut through the sticky marshmallow layer for clean slices.

Share the Gooey Goodness!

These S’mores cookie bars are a labor of love that rewards you with the most incredible textures and flavors. If you make these and capture that perfect marshmallow pull, don’t forget to tag us! Your kitchen will smell like a toasted marshmallow dream.

Want to save this recipe for your next gathering? Pin it to your favorite dessert board on Pinterest so you always have the instructions for the perfect charred marshmallow topping at your fingertips. Happy baking!

You might also like these recipes

Leave a Comment

Recipe Rating