The Best S'mores Cookie Bars

This s’mores cookie bar recipe is made up of a graham cracker cookie dough base, topped with marshmallow cream, chocolate chips, and graham cracker crumb topping. They have that classic gooey s’mores flavor and make a great summer treat!

Disclaimer: This post may contain affiliate links, meaning I may get a small commission if you decide to make a purchase through my links at no cost to you.

Why You’ll Love these S’mores Bars

These cookie bars are so good because they combine the best s’more flavors and each layer has a different texture. The base layer is similar to that of chocolate chip cookie bars, but they have graham cracker crumbs folded in to give them that lovely flavor and a dense chewy texture. Next, they are topped with gooey marshmallow fluff and chocolate chips. The top layer (which is my favorite) is a crumb topping with graham cracker crumbs, giving them a nice crunchy texture!

Looking for more cookie bar recipes? Try these Snickerdoodle Cookie Bars or these Funfetti Cookie Bars. Both are made with cake mixes and are super quick and easy!

Ingredients

• Unsalted Butter
• Granulated Sugar
• Brown Sugar
• Egg
• Vanilla Extract
• All-Purpose Flour
• Baking Soda
• Salt
• Graham Cracker Crumbs
• Marshmallow Fluff
• Chocolate Chips

Supplies Needed

• 8x8 baking dish
• Hand mixer (or stand mixer)
• Parchment Paper (I get mine from the Dollar store)
• Mixing Bowls
• Measuring Cups & Spoons

How to Make Smores Bars:

Prepare Pan and Ingredients

Pre-heat oven to 375 degrees. Line the bottom of the pan with parchment paper. 

You can buy premade graham cracker crumbs or you can make them yourself. There are two ways to make your crumbs. First, rip up whole graham crackers into smaller pieces and add to your food processor and process them until they are mostly fine pieces. Alternatively, you can add the pieces of graham crackers to a zip lock bag and smash them with a rolling pin until fine.

Make Cookie Dough Base

In a medium-sized bowl combine flour, baking soda, and salt. Whisk well and set dry ingredients aside.

In a large bowl, combine butter (make sure it’s room temperature), brown sugar, and white sugar into a large mixing bowl. Beat on high with an electric mixer for about 30 seconds to 1 minute until well combined. The mixture will be light brown in color and have a whipped-looking texture.

Pro Tip: If you forget to set your butter out to get it to room temperature ahead of time, you can use the microwave. Add the full stick to the microwave and set for 10 seconds at 50% power. Feel the butter and if it’s still cold, add another 5 seconds at 50% power. Continue until the butter is at room temperature, but should not be too soft. 

Add the egg and vanilla extract to the butter mixture and mix on medium speed with your mixer until smooth.

Slowly add the flour mixture about ¼ to a ½ cup at a time and mix on low speed. Make sure each addition of flour is fully combined before adding the next. Add in the graham cracker crumbs, using a spatula, and fold in the crumbs. The dough will be quite thick, golden brown, and most of the crumbs should be dispersed, though you will still see some graham cracker crumbs visible.

Mix the Graham Cracker Topping

Melt the butter and add it to a small bowl. Add the second half of graham cracker crumbs, flour, and brown sugar. Use a fork to mix the topping. It will look kind of like thick, chunky sand. Set aside.

Layering the Cookie Bars

Grab your 8x8 square baking pan and add the graham cracker dough. Using your spatula, spread out the dough to cover the bottom of the prepared baking dish. If it’s sticking to your spatula too much and/or hard to spread, slightly wet your hands and press the dough to fill the pan in an even layer.

Now time for the marshmallow layer! Add the marshmallow cream and spread it across the bottom cookie dough layer. Sprinkle chocolate chips across the top of the marshmallows.

Lastly, sprinkle the graham cracker crumb topping across the top of the pan until mostly covered.

Place the pan in the center of your oven and bake for 23-25 minutes. 

The tricky part of this recipe is that you cannot see the top of the cookie portion, so it’s visually it is tough to see when they are done. If they are slightly underbaked, you’ll get a nice gooey, doughy base, which I personally like! However, make sure to err on the higher baking side if you want a firmer cookie. 

Once they are somewhat cool, lift out the parchment paper and place on a cutting board. Cut them into 16 squares. You can serve warm or cool! 

Storing Cookie Bars

S’mores cookie bars can be stored in an airtight container (these are my favorite) for up to 5-7 days. They can be served at room temperature or pop them into the microwave for 10 seconds to warm them back up! 

Types of Chocolate

I used semi-sweet chocolate chips (mostly because that is what I always have on hand). However, you can really substitute whatever kind of chocolate you like such as milk chocolate chips, dark chocolate, chocolate chunks, or broken Hershey's chocolate bars.

If you liked this recipe, you may like these too!

• Pumpkin Chocolate Chip Cookie Bars
• Easy White Chocolate Blondie Recipe (aka Blonde Brownies)
• Giant Cookies and Cream Cookie Recipe

I hope you enjoy this recipe! Please leave a comment if you love it and tag me in any of your creations on social media.