cut up s'mores bars on a piece of parchment paper

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!

overhead picture of smores cookie bars cut into 12 squares

Ingredients

  • Unsalted Butter
  • Granulated Sugar
  • Brown Sugar
  • Egg
  • Vanilla Extract
  • All-Purpose Flour
  • Baking Soda
  • Salt
  • Graham Cracker Crumbs
  • Marshmallow Fluff
  • Chocolate Chips
All of the ingredients needed for the cookie bars in bowls

Supplies Needed

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.

graham cracker crumbs folded into cookie dough

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 8×8 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! 

step by step pictures of each layer of cookie bar

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!

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.

Ghost and Pumpkin Meringues

Halloween Meringue Cookies

Yield: 24
Prep Time: 30 minutes
Cook Time: 1 minute
Additional Time: 1 hour
Total Time: 1 hour 31 minutes

Meringues are light and airy cookies, and guess what - they are also gluten-free! They are made up of only egg whites, granulated sugar, cream of tartar, and extract. Such simple ingredients for a melt in your mouth, delicious cookie!

Ingredients

  • 2 Egg Whites Room Temperature
  • ½ Cup + 2 Tbsp Granulated Sugar (135g)
  • ¼ Tsp Cream of Tartar
  • ½ Tsp Vanilla Extract
  • ¼ Cup Sprinkles (approximately)Preheat oven to 220° and prepare a baking sheet with templates and parchment paper. Prepare 2 piping bags with Wilton 12 and 1M tips.
  • Place your egg whites, cream of tartar, and vanilla extract in a stand mixer fitted with the whisk attachment. Beat ingredients on medium-high (6 speed on Kitchenaid) for 3-4 minutes until soft peaks form.

Instructions

    1. Preheat oven to 220° and prepare a baking sheet with templates and parchment paper. Prepare 2 piping bags with Wilton 12 and 1M tips.
    2. Place your egg whites, cream of tartar, and vanilla extract in a stand mixer fitted with the whisk attachment. Beat ingredients on medium-high (6 speed on Kitchenaid) for 3-4 minutes until soft peaks form.
    3. Slowly add in granulated sugar 1 Tbsp at a time. Make an addition every 10-15 seconds. This process will take around 3-4 minutes.
    4. Once all of the granulated sugar has been added, continue to beat on medium-high for another 3-5 minutes until meringue holds stiff peaks and is glossy.
    5. Add half of the meringue into the piping bag fitted with the 12 tip. Add food coloring to the stand mixer and beat until incorporated - add to the other bag fitted with the 1M tip.
    6. Add a small dollop of meringue to the corners of your parchment paper to help it stay flat on the tray. Use the 1M tip and pip up and down along the shape of the pumpkin and use the white meringue for the stem - add your sprinkles! To pipe the ghosts, use the white meringue and fill in the body of the ghost, flattening out the line with an offset spatula. Add your eyes and mouth. Carefully slide the paper templates out from the tray.
    7. Place the tray of meringue cookies into the preheated oven for 60-70 minutes. Don't open the oven until the first 60 minutes have passed. At this point, lightly tap your meringue to feel the consistency. If it feels too soft, allow them to continue baking for another 10 minutes or until the cookies feel only slightly soft and are more stable.
    8. Turn off the oven but leave the meringue cookies in the closed oven for another 60 minutes.

Notes

Store in an airtight container for 4-7 days (depending on how humid your climate is).

cookie bars stacked on a plate
stack of 3 s'mores cookie bars on a plate

S'mores Cookie Bars

Yield: 16
Prep Time: 20 minutes
Cook Time: 25 minutes
Total Time: 45 minutes

These cookie bars are graham cracker flavored and topped with gooey marshmallows, chocolate chips, and a crunch graham cracker crumb topping.

Ingredients

Cookie Layer (base)

  • 1 ¾ Cup Flour
  • 1 Tsp Baking Soda
  • ½ Tsp Salt
  • ½ Cup Butter (room temperature)
  • ½ Cup Brown Sugar (packed)
  • ¼ Cup Granulated Sugar
  • 1 Egg
  • 1 Tsp Vanilla Extract
  • ½ Cup Graham Cracker Crumbs

Middle Layer

  • ¾ Cup Marshmallow Fluff
  • ½ Cup Chocolate Chips*

Graham Cracker Crumb Topping

  • 5 Tbsp Unsalted Butter (melted)
  • ½ Cup Graham Cracker Crumbs
  • ⅔ Cup Flour
  • ⅓ Cup Brown Sugar

Instructions

  1. Preheat the oven to 375°. Line 8x8 square baking pan with parchment paper and set aside.
  2. In a medium bowl add all-purpose flour, baking soda, and salt. Whisk to combine. Set aside.
  3. If you do not have pre-crushed graham cracker crumbs, crush full graham crackers using a food processor or by adding them to a zip lock bag and crushing with a rolling pin.
  4. In a large bowl, add room temperature butter, brown sugar, and white sugar. With an electric mixer, beat on high for 1-2 minutes until fully combined.
  5. Add egg and vanilla extract and beat with an electric mixer on medium for about 30 seconds until it has been incorporated.
  6. Slowly add your dry ingredients about ½ cup at a time, beating on low between each addition.
  7. Add ½ cup of graham cracker crumbs and fold them into the cookie dough using a spatula.
  8. Spread dough out on the bottom of the prepared baking pan.
  9. Top the graham cracker cookie dough base with marshmallow fluff and spread evenly across with a spatula.
  10. Sprinkle chocolate chips across the top of the marshmallow fluff.
  11. Make your crumb topping by melting butter in a microwave-safe bowl. Once melted, add the remaining graham cracker crumbs, flour, and brown sugar and stir with a fork. You will get a thick crumb texture. Sprinkle these crumbs across the top of the marshmallow/chocolate chip layer.
  12. Bake at 375° for 22-25 minutes.

Notes

* You can use semi-sweet chips, dark chips, milk chocolate chips, or even broken up Hershey's bars for this layer.

1 thought on “The Best S’mores Cookie Bars”

  1. These were a hit at our family party! I was worried they would be hard to make with all the layers, but the recipe was easy to follow and they were done in under an hour. Will definitely make again this summer!

Comments are closed.

Skip to Recipe