Home > S’mores Cookie Bars

S’mores Cookie Bars

by Nick Makrides
Published: Last Updated on

These S’mores Cookie Bars are soft, chewy and oh so ooey gooey. They offer up the perfect bite of crispy crushed cookies, dark chocolate, and home-made marshmallow in every bite!

Smores Cookie Bars - hand holding a bar with bite taken out

Smores Cookie Bars - top down shot of sliced up bars

Here’s the thing. S’mores are a favorite summer treat. That classic combination of chocolate, cookie and marshmallow is honestly irresistible! The flavors the texture, everything about them are yum. But these are just neater and nicer to eat, and I’m all about simplifying my life. Can I just also add, these are a huge crowd pleaser, visually, they just demand attention and will have people asking for the recipe time and time again!

Smores Cookie Bars - single bar on a kitchen bench showing layers with blurred background

What are S’mores Cookie Bars?

Ok, so we have all the classic flavors of a s’more. But I also want to make some memorable mentions

  • Texture – you get crispy graham crackers in ever bite of this bar which perfectly contrasts the chewy, soft and gooey marshmallow layer.
  • Cookies and chocolate! Are absolutely the perfect flavor match which is 2/3 of the reason why s’mores are so yum! I use semi-sweet chocolate in this recipe to not make these a sugar overload.
  • The marshmallow layer, especially if you’re using my home made marshmallow meringue recipe they bake a little crispy on the top which is so yum!
  • Honorable mentions go to the orange zest and cinnamon which help deepen the complexity of flavors in these cookie bars and make them even more delicious.

Note: the whole recipe, including the ingredient quantities, can be found at the bottom of this page – just scroll down to the bottom, or click the ‘Jump to Recipe’ button at the top of this post.

Ingredients You Need To Make S’mores Cookie Bars

All the ingredients below come together to make the most delicious s’mores bars. But I have to single out the orange zest, which just elevates these bars.

Smores Cookie Bars - ingredients image

Butter

I used unsalted butter for this recipe. If you use salted butter, leave the salt out of this recipe.

Caster sugar

otherwise known as superfine sugar, this helps sweeten your cookies. Alternatively, you can use granulated sugar. I just like using caster sugar for baking.

Brown sugar

The addition of brown sugar to the cookie layer helps deepen the delicious cookie flavor.

Salt

I used fine salt. If you’re using salted butter, leave the salt out.

Eggs

You’ll use one large egg and then an egg yolk. The addition of egg yolk helps make the cookie layer even richer and slightly chewier.

Vanilla Extract

Always use good quality vanilla extract when baking, it makes a huge difference. I have a great recipe here for it if you’d like to try your own!

Orange zest

This is one of my favorite ingredients in these cookie bars! If you’re not a fan, or don’t have an orange handy, you can leave it out.

All-purpose flour

Also known as plain flour.

Baking powder

This helps give the cookies a lighter texture.

Cinnamon

This is an optional ingredient, but if you’re baking these during the fall, highly recommend adding ground cinnamon. It helps make these even more nostalgic.

Graham crackers

If you’re in an area where graham crackers aren’t sold, you can basically use any type of vanilla cookie. You want to chop them, not crush them. I would recommend chopping them much finer than I did in the video otherwise you’ll need to use a spoon to chop them as you spread the batter around. Use the larger chunks for the top.

Dark chocolate

I used nestle dark cooking chocolate. Also known as semi-sweet. You want to make sure you use good quality chocolate for this recipe. Chocolate with at least 70% cocoa solids.

Marshmallow fluff

For this recipe, you can use marshmallow fluff or my home made marshmallow meringue frosting, It’s so yum! What you can’t use though is actual marshmallows. It doesn’t work for this recipe, it melts into the cookie layer.

How to make S’mores Cookie Bars!

Making these cookie bars is so simple! It’s all made in one bowl and comes together quite quickly.

Smores Cookie Bars - instructional image 00

  1. Add the butter, sugar, sat and brown sugar into a bowl and cream together
  2. Next, add the egg, egg yolk, vanilla extract and mix in.

Smores Cookie Bars - instructional image 01

  1. Add the flour, baking powder and cinnamon and mix with a spatula.
  2. Then add the graham crackers and dark chocolate.

Smores Cookie Bars - instructional image 02

  1. Add half the cookie mixture to your 8×8-inch square baking tin and spread out evenly.
  2. Add the marshmallow layer (make half of my home marshmallow meringue frosting recipe or use store bought marshmallow fluff) and spread evenly

Smores Cookie Bars - instructional image 03

  1. Before adding dabs of the remaining cookie dough, graham cookies and dark chocolate.
  2. Bake, cool and slice.

Smores Cookie Bars - top down spread out

Tips and Tricks For Recipe Success!

  • Chill before slicing – make sure you chill your s’mores bars well before slicing to make sure
  • Adding Orange zest is optional, but I highly recommend it as it makes these cookie bars even more delicious!
  • You can use store bought marshmallow fluff or my home made version which is super easy. You can not use regular marshmallows for this recipe as it melts into the

Smores Cookie Bars - front shot

Frequently Asked Questions about S’mores Cookie Bars

What does they taste like?

Chewy cookie layers sandwiched with marshmallow and semi-sweet chocolate! Soft, chewy and gooey!

How do I store them?

You can store these in an airtight container for up to 3 days. They can also be frozen for up to two months!

The best way to cut these bars?

Ok, so I would recommend letting these cool to room temperature after baking, then placing in the fridge for 2 hours or, ideally overnight. Use a large knife to

Can I use marshmallows instead of marshmallow fluff?

Nope! You need to use marshmallow fluff or my marshmallow meringue recipe. Store bought marshmallows will melt into the cookie layer of these cookie bars.

What if I don’t have graham cracker?

You can basically use any type of vanilla cookie in this recipe. If you’re in Australia I would recommend using digestives.

Can I use milk chocolate instead of semi-sweet

Yep! Totally, but I would highly suggest using semi-sweet because it gives you a nice contrast to the sweetness of the marshmallow and cookie layers. I use chopped chocolate in this recipe but you can use chocolate chips if you wish.

Smores Cookie Bars - close up of sliced up bars from front showing different layers

Gave this a go? Don’t forget to rate the recipe and leave a comment below! Hungry for more? Join me on Instagram, Facebook, Pinterest and TikTok for more great recipes!

If you loved this recipe, check these out!

Smores Cookie Bars - pinterest image

Smores Cookie Bars - thumbnail

S'mores Cookie Bars

Serves 9

5 from 2 votes
Prep Time: 15 mins
Cook Time: 20 mins
Total Time: 2 hrs
Course: Dessert
Cuisine: American

Ingredients

S’mores Cookie Bars

  • 1/2 cup unsalted butter, softened
  • 1/4 cup caster sugar, spoon and levelled
  • 1/2 cup brown sugar, packed
  • 1/2 tsp salt
  • 1 large egg room temperature
  • 1 egg yolk room temperature
  • 1 tsp vanilla extract
  • 1 orange zested
  • 1 cup all-purpose flour, spoon and levelled
  • 1/2 tsp baking powder
  • 1/4 tsp cinnamon (optional)
  • 1 1/2 cups graham crackers, finely chopped (see notes)
  • 1 1/2 cup dark chocolate, chopped (see notes)
  • 1/2 batch Marshmallow Frosting (see notes)


Instructions

S’mores Cookie Bars

  • Preheat a fan forced oven to 175C / 350F. Spray a 8 x 8 -nch (20 x 20cm) square cake tin with oil spray. Line the bottom and sides with baking paper.
  • Add the butter, sugar, salt and brown sugar into a large mixing bowl. Use an electric hand mixer to cream together, about 2 minutes.
  • Scrape down the bowl and add the egg, egg yolk, vanilla extract and orange zest and mix until well combined.
  • Scrape down the bowl and add the flour, baking powder and cinnamon and use a spatula to mix until a dough forms.
  • Next, add 1 cup (100g) the chopped graham crackers and 1 cup (200g) chopped chocolate and mix in.
  • Add half of the cookie batter to the bottom of the cake tin and spread evenly across the bottom. Then pour in the marshmallow fluff on top and spread out evenly. Finish by adding little pieces of the remaining dough around along with the remaining graham crackers and ark chocolate. Bake for 20-25 minutes. Once baked, allow to cool to room temperature. Then chill in the fridge for at least 2 hours to firm up before slicing into 9 squares using a large knife.

Notes

Storage - These S’mores Cookie Bars can be stored in an airtight container for up to three days.
Nutrition - is based on per bar.
Graham crackers
If you’re in an area where graham crackers aren’t sold, you can basically use any type of vanilla cookie. You want to chop them, not crush them. I would recommend chopping them much finer than I did in the video otherwise you’ll need to use a spoon to chop them as you spread the batter around. Use the larger chunks for the top.
Dark Chocolate
Make sure you use good quality chocolate. Anything with a cocoa content percentage of 70% will work. I used the Lindt chocolate.
Marshmallow fluff
Making your own marshmallow fluff is really easy. I have a great recipe for it here!

Nutrition

Calories : 469kcal
Carbonhydrates: 55g
Protein: 6g
Fat: 25g
Saturated Fat: 14g
Polyunsaturated Fat: 1g
Monounsaturated Fat : 7g
Trans Fat : 0.4g
Cholesterol: 68mg
Sodium: 271mg
Potassium : 306mg
Fiber: 4g
Sugar : 29g
Vitamin A: 415IU
Vitamin C: 8mg
Calcium: 73mg
Iron: 5mg
Nutrition Disclosure

You may also like

1 comment

Nick Makrides September 21, 2022 - 11:38 pm

5 stars
Hope you guys love these as much as I do! The ONLY way to eat S’mores in my opinion! haha N x

Reply

Leave a Comment

Recipe Rating