This post contains affiliate links. As an Amazon Associate, I earn from qualifying purchases. This comes at no extra cost to you.

Smores cookie bar recipe is a chewy baked dessert made with all-purpose flour, brown sugar, butter, chocolate chips, graham cracker pieces, mini marshmallows, and milk chocolate chunks, then baked in a 9×13-inch pan for 22 to 28 minutes. It takes about 45 minutes total and makes 16 bars. The result is a soft center, golden top, and layered s’mores flavor without a campfire.

I trust this kind of bar because I test it the same way I serve it at home, which means measuring the layers carefully and checking the bake for that slightly soft center. Theo is usually the first one to ask for a square once the pan cools.

These Smores Cookie Bars bake into thick squares with crisp edges, gooey marshmallows, and pockets of melted chocolate. The graham cracker pieces add a sandy crunch that keeps every bite from feeling too sweet.

I like how cleanly they slice after cooling, which makes them easy to pack for dessert for game night or a casual party tray. Hana’s kitchen note from more than one batch: the bars hold together best when the pan is lined well and the bars are fully cool before cutting.

Table of Contents

Why does Smores Cookie Bar Recipe work so well?

Smores Cookie Bar Recipe works because it combines a sturdy cookie base with marshmallows, chocolate, and graham crackers in one pan. The cookie dough bakes around the filling, so you get soft bars that slice neatly after cooling and still taste like classic s’mores.

  • It gives you layered texture in every square. The baked dough stays chewy while the marshmallows melt and the graham pieces stay lightly crisp.
  • It is easy to portion for a crowd. One 9×13-inch pan makes 16 servings, which is helpful for parties, tailgates, or a dessert table.
  • It travels well once cooled. I have packed these bars for a family outing by cutting them first and stacking them between parchment sheets.
  • It feels familiar without being fussy. The flavor is recognizable right away, so it works well for Sweet Treats For Parties and July 4th Baked Goods.

The bake time stays in a practical 22 to 28 minute window, which helps the center stay soft without turning the edges dry. That balance is what makes Smores Cookie Bars dependable for busy bakers who want a Baked Smores Dessert with clear results.

What ingredients do you need for these bars?

These bars rely on basic pantry ingredients plus chocolate, marshmallows, and graham cracker pieces for the classic s’mores finish. The ingredient list is straightforward, and the divided graham crackers help create both structure in the dough and crunch on top.

  • 2 1/4 cups all-purpose flour
  • 1 teaspoon baking soda
  • 1/2 teaspoon salt
  • 3/4 cup unsalted butter, softened
  • 3/4 cup packed light brown sugar
  • 1/2 cup granulated sugar
  • 2 large eggs
  • 2 teaspoons vanilla extract
  • 1 1/2 cups semi-sweet chocolate chips
  • 1 1/2 cups mini marshmallows
  • 1 1/2 cups graham cracker pieces, divided
  • 1 cup milk chocolate chunks or chopped milk chocolate
  • Cooking spray or parchment paper for lining the pan

The softened butter matters because it creams smoothly with the sugars, which helps the bars bake with a lighter texture. The divided graham cracker pieces matter too, since some go into the dough for flavor and some stay on top for that signature s’mores look.

You might also enjoy our s’mores cookie bars.

How do you make the bars step by step?

The method is simple: mix the dry ingredients, cream the butter and sugars, add the eggs and vanilla, then fold in the chips and graham pieces before layering everything in a prepared pan. The bars bake at 350°F for 22 to 28 minutes, and they need to cool completely before cutting.

Step 1 — Prepare the pan

Preheat the oven to 350°F (175°C). Line a 9×13-inch baking pan with parchment paper or lightly coat it with cooking spray so the bars lift out cleanly after cooling.

Step 2 — Mix the dry ingredients

In a medium bowl, whisk together the flour, baking soda, and salt. This even distribution helps the bars bake with a consistent crumb instead of pockets of baking soda.

Step 3 — Cream the butter and sugars

In a large bowl, beat the softened butter, brown sugar, and granulated sugar until light and creamy. That step traps air in the dough, which helps the bars stay tender instead of dense.

Step 4 — Add the eggs and vanilla

Add the eggs one at a time, beating well after each addition, then mix in the vanilla extract. This slow addition keeps the batter smooth and helps the eggs emulsify into the butter mixture.

For more ideas, check out our patriotic sugar cookie bars.

Stacked s'mores cookie bars with gooey marshmallow, melted chocolate, and a graham cracker cookie crust on a white plate.

Step 5 — Bring the dough together

Gradually add the dry ingredients to the wet ingredients and mix just until combined. Overmixing can make the bars tough, so stop as soon as the flour disappears.

Parchment Paper Sheets

Essential Baking SupplyParchment Paper Sheets

Helps line the pan so the bars lift out cleanly after cooling.

View on Amazon →

USA Pan Nonstick 9x13 Inch Rectangular Cake Pan

Essential BakewareUSA Pan Nonstick 9×13 Inch Rectangular Cake Pan

A sturdy 9×13-inch pan is essential for baking these bars evenly and getting clean slices.

View on Amazon →

Step 6 — Fold in the mix-ins

Fold in the semi-sweet chocolate chips and 1 cup of the graham cracker pieces. The dough should look thick and loaded, which is exactly what gives Smores Cookie Bars their layered bite.

Step 7 — Build the layers

Press about two-thirds of the cookie dough evenly into the prepared pan. Sprinkle the milk chocolate chunks, mini marshmallows, and remaining graham cracker pieces evenly over the dough, then drop the remaining dough in small pieces over the top and gently press it down.

Step 8 — Bake and cool

Bake for 22 to 28 minutes, or until the top is golden brown and the center is set but still slightly soft. Allow the bars to cool completely in the pan before lifting them out and cutting into squares.

Frequently Asked Questions About Smores Cookie Bars

How many servings do Smores Cookie Bars make?

Smores Cookie Bars make 16 servings from one 9×13-inch pan. That makes them easy to plan for a small gathering, and two pans give you 32 squares for a bigger dessert table.

Looking for something similar? Try our chocolate chip cookie bars.

Can I make these bars ahead of time?

Yes, these bars are a strong make-ahead dessert because they need to cool completely before cutting anyway. Bake them the day before, keep them covered, and slice them when you are ready to serve.

How do I keep the bars neat for transport?

Let the bars cool fully, cut them into squares, and stack them with parchment between layers. I do this when I want a tidy tray for Theo’s snack grab or for a party setup.

Why is the center supposed to be slightly soft?

The center should stay slightly soft because it finishes setting as the bars cool. That texture keeps the cookie base chewy and prevents the marshmallows and chocolate from drying out during baking.

Can I serve these at a watch party or tailgate?

Yes, these bars are ideal for a watch party or tailgate because they cut cleanly and travel well once cooled. One pan gives 16 squares, so two pans are enough for about 32 guests if you want a modest portion each.

Smores Cookie Bars

Prep Time 20 minutes
Cook Time 25 minutes
Total Time 45 minutes
Servings 24 servings
Calories 265
These smores cookie bars combine chewy chocolate chip cookie dough with gooey marshmallows, milk chocolate, and graham crackers for a classic campfire-inspired treat. They are easy to make in a baking pan and perfect for sharing.

Equipment

  • Mixing bowl
  • Whisk
  • Electric Mixer
  • 9x13-inch baking pan
  • Measuring cups and spoons
  • Spatula

Instructions 

  • Preheat the oven to 350°F (175°C). Line a 9x13-inch baking pan with parchment paper or lightly coat it with cooking spray.
  • In a medium bowl, whisk together the flour, baking soda, and salt.
  • In a large bowl, beat the softened butter, brown sugar, and granulated sugar until light and creamy.
  • Add the eggs one at a time, beating well after each addition, then mix in the vanilla extract.
  • Gradually add the dry ingredients to the wet ingredients and mix just until combined.
  • Fold in the semi-sweet chocolate chips and 1 cup of the graham cracker pieces.
  • Press about two-thirds of the cookie dough evenly into the prepared pan.
  • Sprinkle the milk chocolate chunks, mini marshmallows, and remaining graham cracker pieces evenly over the dough.
  • Drop the remaining cookie dough in small pieces over the top, then gently press it down so some marshmallows and chocolate remain visible.
  • Bake for 22 to 28 minutes, or until the top is golden brown and the center is set but still slightly soft.
  • Allow the bars to cool completely in the pan before lifting them out and cutting into squares.

Notes

For cleaner slices, let the bars cool completely before cutting. If you prefer extra gooey bars, slightly underbake them and allow them to finish setting as they cool.
Calories: 265kcal
Cost: $14
Course: Dessert
Cuisine: American
Keyword: s'mores cookie bars
Stacked s'mores cookie bars with gooey marshmallow, melted chocolate, and a graham cracker cookie crust on a white plate.

Loved this recipe? Save it to your favorite Pinterest board so you can easily find it later! ✨

Author

Comments are closed.