šŸŖšŸ”„ S’mores Chocolate Chip Cookie Bars

Introduction

Imagine biting into a thick, buttery chocolate chip cookie bar with a chewy center, melted chocolate chips, gooey marshmallows, and crunchy graham cracker pieces.

These S’mores Chocolate Chip Cookie Bars combine everything you love about classic campfire s’mores and homemade chocolate chip cookies in one easy-to-bake dessert.

They are golden around the edges, soft and chewy in the middle, and packed with pockets of melted chocolate and toasted marshmallow flavor.

Perfect for family desserts, bake sales, birthday parties, potlucks, movie nights, or cozy weekend baking, these cookie bars are an easy crowd-pleaser that disappears quickly.

Recipe Overview

MetricDetail
Prep Time15 minutes
Cook Time23–28 minutes
Total TimeAbout 43 minutes
Servings16 squares
CourseDessert
CuisineAmerican Inspired
DifficultyEasy

Why You’ll Love This Recipe

These s’mores cookie bars deliver the comforting flavors of a classic campfire treat without needing a campfire.

The buttery cookie dough creates a soft and chewy base, while crushed graham crackers add a delicious crunchy texture.

Chocolate chips melt throughout the bars, creating rich chocolate pockets in every bite.

Mini marshmallows become soft and gooey during baking, with some developing beautifully toasted edges on top.

The recipe is also simple enough for beginner bakers and requires no complicated decorating or special equipment.

Ingredients

For the Cookie Bars

IngredientQuantityPreparation
Unsalted Butter1 cup (2 sticks)Softened
Granulated Sugar1/2 cupWhite sugar
Light Brown Sugar1/2 cupPacked
Large Egg1Room temperature
Pure Vanilla Extract1 tsp
All-Purpose Flour2 1/4 cupsSpoon and level
Baking Soda1/2 tsp
Salt1/2 tsp
Semi-Sweet or Milk Chocolate Chips1 1/2 cupsDivided
Mini Marshmallows1 1/2 cupsDivided
Graham Crackers1/2 cupCrushed

Optional for the Pan

A few whole graham cracker sheets can be placed across the bottom of the pan before adding the cookie dough.

This creates an extra graham cracker layer and makes the bars taste even more like traditional s’mores.

Step-by-Step Instructions

Prepare the Oven and Pan

Preheat your oven to 350°F (175°C).

Line an 8×8-inch or 9×9-inch baking pan with parchment paper.

Leave some parchment hanging over the sides. This creates a convenient sling that makes it much easier to remove the cooled cookie bars from the pan.

Lightly grease the parchment if desired.

Cream the Butter and Sugars

Place the softened butter, granulated sugar, and packed brown sugar in a large mixing bowl.

Beat for approximately 2 to 3 minutes, until the mixture becomes lighter, creamy, and fluffy.

Add the room-temperature egg and vanilla extract.

Beat again until everything is completely incorporated and smooth.

Combine the Dry Ingredients

In a separate medium bowl, whisk together the all-purpose flour, baking soda, and salt.

Gradually add the dry ingredients to the butter mixture.

Mix on low speed until the flour is just incorporated.

Avoid overmixing the dough because this can make the finished cookie bars tougher instead of soft and chewy.

Add the S’mores Ingredients

Gently fold in the crushed graham crackers.

Add 1 cup of chocolate chips and 3/4 cup of mini marshmallows.

Fold everything together carefully until the ingredients are evenly distributed throughout the thick cookie dough.

Assemble the Cookie Bars

If using whole graham crackers, arrange a few sheets across the bottom of the prepared pan.

Press approximately two-thirds of the cookie dough evenly into the bottom of the pan.

Scatter the remaining mini marshmallows and chocolate chips over the surface.

Press them gently into the dough so they stay in place during baking.

Take the remaining cookie dough and divide it into small pieces.

Flatten the pieces slightly and place them over the top, leaving some of the chocolate and marshmallow filling visible.

Bake

Place the pan in the preheated oven.

Bake for approximately 23 to 28 minutes.

The edges should be golden brown while the center should look set but still slightly soft.

Do not worry if the center looks a little soft when the bars first come out of the oven. They will continue to set as they cool.

For a slightly more toasted marshmallow appearance, you can briefly place the baked bars under a broiler for about 30 to 60 seconds, watching them constantly.

Cool Completely

Remove the pan from the oven and place it on a wire rack.

Allow the cookie bars to cool completely in the pan.

Once completely cooled, carefully lift them out using the parchment paper overhang.

Place them on a cutting board and slice into 16 squares.

For cleaner cuts, use a sharp knife and wipe it clean between cuts.

Serve at room temperature or slightly warm.

Best Tips

Use softened butter rather than melted butter. Softened butter creates the ideal cookie-bar texture and helps the sugars cream properly.

Bring the egg to room temperature before mixing. This helps it incorporate more evenly into the butter mixture.

Measure the flour carefully. Too much flour can make the bars dry and dense.

Do not overmix the dough once the flour has been added.

Reserve some chocolate chips and marshmallows for the top. This creates a beautiful bakery-style appearance.

Allow the bars to cool completely before slicing if you want neat, defined squares.

For extra gooey cookie bars, serve individual pieces slightly warm.

Best Ingredient Options

Semi-sweet chocolate chips provide a balanced chocolate flavor without making the bars excessively sweet.

Milk chocolate chips create a sweeter and creamier result.

You can also combine both types of chocolate for more flavor complexity.

Regular graham crackers work perfectly, but cinnamon-flavored graham crackers can add a warm, spiced note.

For an extra-rich dessert, use high-quality chocolate chips or chopped chocolate chunks.

Standard mini marshmallows are ideal because they melt quickly and distribute easily throughout the cookie dough.

Recipe Variations

Chocolate S’mores Cookie Bars

Add 2 tablespoons of unsweetened cocoa powder to the flour mixture for a chocolate cookie base.

Peanut Butter S’mores Bars

Add 1/2 cup of creamy peanut butter to the butter and sugar mixture.

Chocolate chips and peanut butter create an especially rich combination.

Dark Chocolate Version

Use dark chocolate chips or chopped dark chocolate instead of milk chocolate for a deeper chocolate flavor.

Cinnamon Graham Version

Use cinnamon graham crackers and add a small pinch of ground cinnamon to the dough.

Extra Gooey S’mores Bars

Add an additional handful of mini marshmallows to the top during the final few minutes of baking.

This creates a dramatic melted-marshmallow topping.

What to Serve With

These cookie bars are delicious with a cold glass of milk.

For an indulgent dessert, serve a warm square with a scoop of vanilla ice cream.

They also pair beautifully with hot chocolate, coffee, espresso, or a cup of tea.

For parties and gatherings, arrange the squares on a dessert platter alongside fresh berries and other homemade treats.

Make-Ahead Instructions

The cookie dough can be prepared up to 24 hours in advance.

Cover the dough tightly and refrigerate it until you are ready to assemble and bake.

Allow refrigerated dough to sit at room temperature for approximately 10 to 15 minutes if it becomes too firm to press easily into the pan.

The baked cookie bars can also be prepared a day ahead and stored in an airtight container.

Storage

Store completely cooled cookie bars in an airtight container at room temperature.

They will generally stay soft and delicious for approximately 3 to 4 days.

Place parchment paper between layers if stacking the bars.

For the best texture, keep them away from direct sunlight and excessive heat.

Reheating

To recreate that freshly baked, gooey texture, place an individual cookie bar in the microwave for approximately 10 to 15 seconds.

You can also warm the bars in a 300°F (150°C) oven for several minutes.

Serve immediately after warming with a scoop of vanilla ice cream for an extra-indulgent dessert.

Freezing

These cookie bars freeze very well.

Once completely cooled, wrap individual squares tightly in plastic wrap or place them in a freezer-safe airtight container.

Freeze for up to 2 to 3 months.

To serve, allow the bars to thaw at room temperature.

For a warm, freshly baked texture, heat a thawed square in the microwave for approximately 10 seconds.

Common Mistakes to Avoid

Overmixing the Dough

Mix only until the flour disappears. Overmixing can develop too much gluten and make the bars tough.

Using Melted Butter

Melted butter can significantly change the texture of the cookie dough. Softened butter is best for this recipe.

Adding Too Many Marshmallows Inside

An excessive amount of marshmallow can create sticky pockets and cause the filling to overflow.

Cutting the Bars While Hot

Hot cookie bars are extremely soft and difficult to cut cleanly.

Allow them to cool completely before slicing.

Overbaking

The center should remain slightly soft when the bars come out of the oven.

Overbaking can result in dry cookie bars once they cool.

Nutrition Estimate

Nutrition values are approximate and will vary depending on the specific ingredients and brands used.

NutrientEstimated Amount per Square
Calories310 kcal
Total Fat16 g
Saturated Fat10 g
Cholesterol45 mg
Sodium190 mg
Total Carbohydrates39 g
Dietary Fiber1 g
Sugars25 g
Protein3 g

Frequently Asked Questions

Can I use a 9×13-inch pan?

Yes, but the bars will be thinner. For thicker, chewier cookie bars, an 8×8-inch or 9×9-inch pan is recommended.

Can I use large marshmallows?

Mini marshmallows are easier to distribute throughout the dough.

If using large marshmallows, cut them into smaller pieces before adding them.

Why are my cookie bars too dry?

The most common causes are adding too much flour or baking the bars for too long.

Measure the flour carefully and remove the bars once the edges are golden and the center is just set.

Can I use chocolate chunks instead of chocolate chips?

Absolutely. Chopped semi-sweet, milk, or dark chocolate works beautifully and can create larger melted chocolate pockets.

Can I make these gluten-free?

Yes. Use a good-quality gluten-free all-purpose flour blend and gluten-free graham crackers designed for baking.

Can I make these bars without marshmallows?

Yes, although they will no longer have the classic s’mores texture. You can increase the chocolate chips and graham crackers for a delicious chocolate-graham cookie bar instead.

Final Thoughts

These S’mores Chocolate Chip Cookie Bars bring all the best parts of a classic campfire dessert into one irresistible homemade treat.

The buttery cookie base, crunchy graham crackers, melted chocolate, and gooey marshmallows create the perfect combination of textures and flavors.

They are easy to prepare, simple to customize, and ideal for everything from family gatherings to weekend baking.

Serve them slightly warm with vanilla ice cream, or enjoy them completely cooled for a chewy, bakery-style dessert.

One batch makes 16 generous squares, but don’t be surprised if they disappear long before you expect them! šŸŖšŸ”„šŸ«

Leave a Comment