🍫🔥 Gooey S’mores Cookie Bars (Soft, Chewy, Bakery-Style)

If you love classic campfire s’mores, these gooey s’mores cookie bars bring all those flavors into an easy, oven-baked dessert. With a buttery graham cracker cookie base, rich melted chocolate, and soft marshmallow pockets, these bars are perfectly chewy on the edges and irresistibly gooey in the center. They’re simple to make, slice cleanly, and deliver that nostalgic s’mores flavor without needing a campfire.

This easy s’mores cookie bars recipe is ideal for parties, bake sales, or everyday treats when you want something indulgent but reliable. The balanced ratio of graham crumbs, chocolate, and marshmallows ensures bakery-quality texture every time, while a straightforward method keeps the process quick and consistent.

💛 Why You’ll Love This Recipe


Soft, Chewy Texture

These s’mores cookie bars bake up soft and chewy with golden edges and a gooey center, giving you all the comfort of classic cookie bars with the nostalgic flavor of campfire s’mores.


Classic S’mores Flavor

Buttery graham cracker crumbs, melty chocolate, and soft marshmallow pockets come together in every bite for a rich, cozy dessert that tastes like homemade s’mores without needing a fire pit.


Easy to Slice and Share

This easy s’mores cookie bars recipe is baked in a 9×13-inch pan, making it perfect for parties, bake sales, potlucks, lunchbox treats, and family dessert nights.


Bakery-Style Results

The balanced dough keeps these bars gooey but sliceable, so you get clean squares with soft centers, rich chocolate pockets, and just the right amount of toasted marshmallow flavor.

🛒 Ingredient Notes


Unsalted Butter

Melted butter creates a rich, chewy texture in these s’mores cookie bars. Browning the butter is optional but adds a deeper, slightly nutty flavor that enhances the graham cracker and chocolate.


Brown Sugar

Brown sugar adds moisture and chewiness while giving the bars a subtle caramel flavor. It also helps keep the bars soft for days after baking.


Granulated Sugar

A small amount of granulated sugar balances the sweetness and helps create lightly crisp edges without making the bars dry.


Eggs

Eggs provide structure and richness. Using room temperature eggs helps them blend more evenly into the batter for a smoother dough.


Vanilla Extract

Vanilla enhances the overall flavor and brings out the sweetness of the chocolate and marshmallows.


All-Purpose Flour

Flour gives the bars structure while still keeping them soft and tender. Be careful not to overmeasure, as too much flour can make the bars dense instead of chewy.


Graham Cracker Crumbs

Graham cracker crumbs add that signature s’mores flavor and a slightly sandy texture that pairs perfectly with the soft cookie base.


Baking Soda

Baking soda helps the bars rise slightly and keeps the texture soft without making them cakey.


Salt

Salt balances the sweetness from the chocolate and marshmallows and enhances the overall flavor of the bars.


Chocolate Chips or Chopped Chocolate

Use chocolate chips for convenience or chopped chocolate for richer, meltier pockets throughout the bars. A mix of milk and semi-sweet chocolate works especially well for classic s’mores flavor.


Mini Marshmallows

Mini marshmallows melt evenly and create gooey pockets throughout the bars. Dividing them between the center and top prevents burning while still giving that toasted marshmallow look.


Graham Crackers (Optional Topping)

Broken graham cracker pieces on top add a crunchy texture and enhance the classic s’mores presentation.

👩‍🍳 How to Make S’mores Cookie Bars


Prepare the Pan

Preheat the oven to 350°F and line a 9×13-inch metal baking pan with parchment paper. This helps the s’mores cookie bars lift out cleanly and makes slicing easier.


Mix the Wet Ingredients

Whisk the melted butter, brown sugar, and granulated sugar together until smooth and glossy. Add the eggs and vanilla extract, then mix until the batter looks slightly thickened.


Combine the Dry Ingredients

In a separate bowl, whisk together the all-purpose flour, graham cracker crumbs, baking soda, and salt. This evenly distributes the graham flavor and helps the bars bake with a soft, chewy texture.


Make the Dough

Add the dry ingredients to the wet ingredients and mix just until combined. Fold in the chopped chocolate or chocolate chips. The dough should be thick, soft, and slightly sticky.


Layer the Bars

Press about three-fourths of the dough evenly into the prepared pan. Sprinkle most of the mini marshmallows over the dough, then add the remaining dough in small flattened pieces over the top. Finish with the remaining marshmallows and broken graham cracker pieces.


Bake Until Golden

Bake for 25 to 30 minutes, or until the edges are golden and set and the center looks soft but no longer glossy. If the marshmallows begin to brown too quickly, loosely tent the pan with foil during the last few minutes.


Cool and Slice

Let the bars cool in the pan for at least 1 hour before slicing. This helps the gooey marshmallow and chocolate layers set so the bars cut into clean, bakery-style squares.

💡 Pro Tips for S’mores Cookie Bars


Use a Metal Baking Pan

A metal pan helps these s’mores cookie bars bake more evenly with golden edges and a soft, chewy center. Glass pans can bake more slowly and may require a few extra minutes.


Do Not Overbake

For the best gooey s’mores bars, remove them when the edges are set and the center still looks soft but not wet. The bars will continue to firm up as they cool.


Layer the Marshmallows

Adding most of the marshmallows inside the bars creates gooey pockets without burning the top. A small amount on top gives the bars a classic toasted marshmallow look.


Use Chopped Chocolate

Chopped chocolate melts into rich pockets throughout the cookie bars. Chocolate chips work too, but chopped chocolate gives a more bakery-style texture.


Cool Before Slicing

Let the bars cool for at least 1 hour before cutting. This helps the chocolate and marshmallow set so you get clean, neat slices instead of messy bars.


Brown the Butter for More Flavor

Browning the butter adds a deeper caramel flavor that pairs beautifully with graham cracker crumbs, chocolate, and marshmallows.

✨ Variations


Classic Campfire Style

Use milk chocolate instead of semi-sweet and add extra broken graham crackers on top for a more traditional s’mores flavor that tastes just like the campfire version.


Peanut Butter S’mores Bars

Swirl about 1/2 cup of creamy peanut butter into the dough before baking to add a rich, nutty flavor that pairs perfectly with chocolate and marshmallows.


Salted Caramel S’mores

Drizzle caramel sauce over the baked bars and finish with a light sprinkle of flaky sea salt to create a sweet and salty dessert with extra depth.


Dark Chocolate S’mores Bars

Use dark or bittersweet chocolate for a less sweet, more intense chocolate flavor that balances the marshmallows beautifully.


Cookies and Cream S’mores

Mix crushed chocolate sandwich cookies into the dough and use white chocolate for a fun cookies-and-cream twist on classic s’mores bars.


Stuffed Chocolate Layer

Add a layer of chocolate squares in the center of the bars before baking to create an extra gooey, melted chocolate core.

🧊 Storage and Make Ahead


Room Temperature Storage

Store s’mores cookie bars in an airtight container at room temperature for up to 3 to 4 days. Keep them in a cool, dry place to maintain their soft and chewy texture.


Refrigerator Storage

For longer storage, place the bars in an airtight container and refrigerate for up to 1 week. Let them come to room temperature or warm slightly before serving for the best texture.


Freezing Instructions

Wrap individual bars tightly in plastic wrap and place them in a freezer-safe container or bag. Freeze for up to 2 months. Thaw at room temperature before enjoying.


Reheating for Gooey Texture

Warm a bar in the microwave for about 10 to 15 seconds to soften the marshmallow and melt the chocolate for a fresh-from-the-oven texture.


Make Ahead Tips

You can prepare the cookie dough up to 24 hours in advance and store it covered in the refrigerator. Let the dough sit at room temperature for a few minutes before pressing into the pan and baking.

❓ Frequently Asked Questions


Why are my s’mores cookie bars dry?

Dry bars are usually caused by overbaking or adding too much flour. Bake just until the edges are set and the center is still soft, and be sure to measure flour accurately.


Why are my bars too soft to cut?

If the bars feel too soft, they likely need more cooling time. Let them cool for at least 1 hour so the structure can set before slicing.


Can I use large marshmallows instead of mini marshmallows?

Yes, but cut them into smaller pieces so they melt more evenly throughout the bars and create gooey pockets instead of large empty spaces.


Why did my marshmallows burn?

Marshmallows burn when they are fully exposed on top for too long. Keeping most of them inside the bars and only a small amount on top helps prevent overbrowning.


Can I make these s’mores cookie bars gluten free?

Yes, you can substitute a 1 to 1 gluten-free flour blend and use gluten-free graham crackers for similar results.


Can I make thicker cookie bars?

Yes, use a smaller pan such as 9×9 inches and increase the baking time slightly until the center is set but still soft.


Do these bars stay soft the next day?

Yes, these cookie bars are designed to stay soft and chewy for several days when stored properly in an airtight container.

Perfect Gooey S’mores Cookie Bars (Soft, Chewy, Bakery-Style)

Soft and chewy s’mores cookie bars made with graham cracker crumbs, melty chocolate, and gooey marshmallow pockets. These bakery-style dessert bars are perfectly balanced for a rich flavor, chewy texture, and clean slices every time.
Course Dessert
Cuisine American
Keyword chewy cookie bars, easy dessert bars, graham cracker bars, marshmallow chocolate bars, s’mores cookie bars
Prep Time 15 minutes
Cook Time 30 minutes
Total Time 45 minutes
Servings 14 bars
Calories 390kcal
Cost $8 for entire recipe

Equipment

  • 9×13-inch baking pan (metal preferred for even baking)
  • Parchment paper (for easy removal and clean slices)
  • Large mixing bowl
  • Medium mixing bowl
  • Whisk
  • spatula or wooden spoon
  • Measuring cups and spoons
  • Kitchen scale (optional, for precise measurements)
  • Offset spatula or hands (for pressing dough evenly into the pan)
  • Cooling rack (optional, for faster cooling)

Ingredients

  • 1 cup 226g unsalted butter, melted or browned
  • 1 cup 200g brown sugar
  • cup 65g granulated sugar
  • 2 large eggs
  • 2 tsp vanilla extract
  • cups + 1 tbsp 225g all-purpose flour
  • ¾ cup 90g graham cracker crumbs
  • ½ tsp baking soda
  • 1 tsp salt
  • 1⅓ cups 225g chopped chocolate or chocolate chips
  • 1 cup mini marshmallows divided
  • ¾ cup for inside
  • ¼ cup for topping
  • 1–2 graham crackers broken (optional topping)

Instructions

  • Preheat oven to 350°F (175°C). Line a 9×13-inch pan with parchment paper.

Mix wet ingredients

  • In a large bowl, whisk melted butter, brown sugar, and granulated sugar until smooth and glossy. Add eggs and vanilla extract and whisk until slightly thickened.

Mix dry ingredients

  • In another bowl, whisk flour, graham cracker crumbs, baking soda, and salt.

Combine

  • Add dry ingredients to wet ingredients and mix just until combined. Fold in chocolate. The dough should be thick and slightly sticky.

Assemble

  • Press about ¾ of the dough evenly into the prepared pan. Sprinkle ¾ cup marshmallows evenly over the dough. Add remaining dough in small flattened pieces over the top, leaving small gaps. Finish with remaining marshmallows and optional graham cracker pieces.

Bake

  • Bake for 25–30 minutes, checking at 25 minutes.
  • Bars are done when:
  • Edges are golden and set
  • Center is soft but no longer glossy
  • Top is lightly golden
  • If the top browns too quickly, loosely tent with foil.

Cool

  • Let cool in the pan for at least 1 hour before slicing into bars.

Notes

These s’mores cookie bars are designed to deliver a perfect balance of chewy texture, gooey marshmallow pockets, and rich chocolate flavor. Follow these key tips to get consistent, bakery-quality results every time.

🍪 Texture & Structure Tips

For soft and chewy cookie bars, avoid overmixing the dough once the dry ingredients are added. Overmixing can develop too much gluten and lead to a tougher, less tender texture. The dough should be thick, soft, and slightly sticky before baking.

🔥 Baking Accuracy

The most important step is pulling the bars at the right time. The edges should be golden and set, while the center should look slightly soft but no longer glossy. Overbaking will dry out the bars, while underbaking can make them too soft to slice cleanly.

🍫 Chocolate Choice Matters

Using chopped chocolate instead of standard chocolate chips creates better melt pockets and a richer flavor throughout the bars. A mix of milk chocolate and semi-sweet chocolate gives the most classic s’mores flavor profile.

🔥 Marshmallow Placement

Placing most of the marshmallows inside the bars rather than fully on top helps prevent burning and creates gooey pockets throughout. A small amount on top gives that classic toasted look without overbrowning.

🧈 Butter Flavor Upgrade

Browning the butter before mixing adds a deep, caramelized flavor that enhances the graham cracker base and chocolate. This step is optional but highly recommended for a more gourmet result.

🧁 Pan & Even Baking

A metal baking pan is ideal for even heat distribution and consistent baking. Glass pans can cause the edges to overbake before the center is fully set, so adjust baking time accordingly if using one.

❄️ Cooling for Clean Slices

Allow the bars to cool for at least 1 hour before slicing. This resting time helps the structure set properly, ensuring clean, bakery-style cuts instead of crumbly or overly soft pieces.

🧊 Storage & Freshness

These cookie bars stay soft and chewy for several days when stored in an airtight container at room temperature. For best texture, briefly warm individual bars before serving to bring back the gooey marshmallow and melted chocolate.

⭐ Flavor Balance Tip

A full teaspoon of salt is essential in this recipe to balance the sweetness from marshmallows and chocolate. This creates a more complex flavor and prevents the bars from tasting overly sweet.

These tips ensure your easy s’mores cookie bars recipe turns out perfectly chewy, gooey, and flavorful every time, just like a bakery-style dessert bar.

🍫 More Sweet Recipes You’ll Love


If you love these gooey s’mores cookie bars, here are more fun and bakery-style dessert recipes to try next. These recipes feature rich chocolate, marshmallow, and creative flavor combinations that pair perfectly with this s’mores-inspired treat.


  • S’mores Popcorn – A sweet and crunchy snack packed with chocolate, marshmallow, and graham cracker flavor in every bite

  • S’mores Frappuccino – A creamy, chocolatey frozen drink layered with marshmallow and graham flavors for a refreshing dessert twist

  • Mississippi Mud Cupcakes – Rich chocolate cupcakes topped with gooey marshmallows and glossy fudge for an ultra-indulgent dessert

  • Ube Marshmallow Blondies – Soft, chewy blondies with a vibrant ube flavor and gooey marshmallow swirls for a unique twist

  • Cookies and Cream Popcorn – A crunchy, sweet popcorn treat coated in white chocolate and crushed cookies for a fun dessert snack

These recipes are perfect if you enjoy chocolate desserts, marshmallow treats, and creative bakery-style sweets that are easy to make and full of flavor.

Posted in

Leave a Reply

Discover more from Sugar Cloud Bakery

Subscribe now to keep reading and get access to the full archive.

Continue reading