There is nothing quite like the nostalgic taste of a campfire s’more, but you do not need a bonfire to enjoy those flavors. These S’mores Cookie Bars pack everything you love—buttery graham crackers, gooey toasted marshmallows, and melted chocolate—into a convenient handheld treat. They are the perfect solution for potlucks, rainy days, or whenever that classic craving hits.
Making these bars is much easier than roasting individual marshmallows over a flame. You get a thick, chewy cookie base infused with graham cracker crumbs, a sticky marshmallow center, and a layer of rich chocolate. It is a decadent dessert that appeals to both kids and adults, making it a guaranteed hit at any gathering.
Recipe Information
- Prep Time: 15 minutes
- Cook Time: 25 minutes
- Total Time: 40 minutes
- Servings: 16 bars
- Difficulty Level: Easy
Nutrition Information
- Calories per serving: 285 kcal
- Protein: 3g
- Carbohydrates: 42g
- Fat: 12g
- Fiber: 1g
- Sugar: 26g
- Sodium: 180mg
Why Make This S’mores Cookie Bars
You should make these bars because they offer the ultimate comfort food experience without the mess of a campfire. The combination of textures is incredible. You get the crunch of the graham crackers, the softness of the cookie dough, and the pull of melted marshmallows in every single bite.
These bars are also incredibly portable. Unlike traditional s’mores that fall apart the moment you take a bite, these cookie bars hold their shape beautifully. They are perfect for lunchboxes, bake sales, or picnic baskets. Plus, they use simple pantry staples that you likely already have on hand.
How to Make S’mores Cookie Bars
Creating these gooey delights is a simple process of layering. You will start by making a specialized cookie dough, layering it with sweet fillings, and baking it until golden brown. Follow these easy steps to get the perfect result every time.
Ingredients
- 1/2 cup unsalted butter, softened
- 3/4 cup brown sugar, packed
- 1/4 cup granulated sugar
- 1 large egg
- 1 teaspoon vanilla extract
- 1 1/3 cups all-purpose flour
- 1 cup graham cracker crumbs (about 7-8 full sheets)
- 1 teaspoon baking powder
- 1/4 teaspoon salt
- 2 cups mini marshmallows
- 1 1/2 cups semi-sweet chocolate chips or broken chocolate bars
Directions
Step 1: Preparation and Oven Setup
Preheat your oven to 350°F (175°C). Grease an 8×8-inch square baking pan or line it with parchment paper, leaving an overhang on the sides for easy removal of the bars later.
Step 2: Cream Butter and Sugars
In a large mixing bowl, beat the softened butter, brown sugar, and granulated sugar together until the mixture is light and fluffy. This should take about 2 to 3 minutes using an electric mixer.
Step 3: Add Wet Ingredients
Add the egg and vanilla extract to the butter mixture. Beat again until everything is well combined and smooth, scraping down the sides of the bowl as needed.
Step 4: Mix in Dry Ingredients
Whisk together the flour, graham cracker crumbs, baking powder, and salt in a separate small bowl. Gradually add the dry ingredients to the wet ingredients, mixing on low speed until a thick dough forms.
Step 5: Layer the Bottom Crust
Press about two-thirds of the cookie dough into the bottom of your prepared baking pan. Spread it out evenly to create a solid base for your toppings.
Step 6: Add Chocolate and Marshmallows
Sprinkle the chocolate chips evenly over the dough base. Top the chocolate with a generous layer of mini marshmallows, pressing them down slightly so they stay in place.
Step 7: Add Top Layer and Bake
Take the remaining cookie dough and flatten small pieces of it with your hands. Place these “patches” of dough over the marshmallow layer. It is okay if some marshmallows are still showing. Bake for 20 to 25 minutes until the top is golden brown and the marshmallows are toasted.
Step 8: Cooling and Slicing
Remove the pan from the oven and place it on a wire rack. Let the bars cool completely before cutting them into squares. This allows the marshmallow and chocolate layers to set so they do not ooze out too much.
How to Serve S’mores Cookie Bars
These bars are delicious when served at room temperature, but they are extra special when slightly warm. If you want to take them to the next level, serve a warm bar with a scoop of vanilla bean ice cream on top. You can also drizzle a little extra chocolate syrup over the top for a truly decadent presentation. They pair perfectly with a cold glass of milk or a hot cup of coffee.
How to Store S’mores Cookie Bars
Store any leftover bars in an airtight container at room temperature for up to 4 days. If you find the marshmallows getting a bit too firm, you can microwave a bar for 10 seconds to soften it up. For longer storage, you can freeze these bars. Wrap individual squares in plastic wrap and place them in a freezer bag for up to 3 months. Thaw them at room temperature before eating.

Expert Tips for Perfect S’mores Cookie Bars
To get the best results, make sure your butter is truly at room temperature before you start. This ensures a smooth dough. When pressing the dough into the pan, if it sticks to your fingers, lightly wet your hands with water or spray them with a bit of non-stick oil. For a more toasted marshmallow flavor, you can briefly turn on the broiler during the last 60 seconds of baking, but watch them very closely so they do not burn.
Delicious Variations
You can easily customize this recipe to suit your taste. Try using peanut butter chips instead of chocolate chips for a Peanut Butter S’mores twist. You can also add a sprinkle of sea salt over the top before baking to balance the sweetness. If you love a lot of crunch, fold in some chopped pecans or walnuts into the cookie dough. For a more traditional look, use pieces of Hershey’s chocolate bars instead of chips.
Frequently Asked Questions
Q: Can I use marshmallow fluff instead of mini marshmallows?
Yes, you can use marshmallow fluff. Spread a thin layer over the chocolate chips. Be aware that fluff tends to be stickier and may melt more into the dough than whole marshmallows do.
Q: How do I get clean cuts when slicing the bars?
The secret to clean cuts is letting the bars cool completely. You can even put the pan in the fridge for 30 minutes before slicing. Use a sharp knife and wipe it clean between each cut.
Q: Can I use a 9×13 pan for this recipe?
If you use a 9×13 pan, you should double the ingredients. If you do not double them, the bars will be very thin and may burn quickly.
Q: What if I don’t have graham cracker crumbs?
You can make your own by placing graham cracker sheets in a food processor or crushing them in a sealed plastic bag with a rolling pin until they turn into a fine meal.
Q: Can I make these gluten-free?
Yes, you can substitute the all-purpose flour with a 1:1 gluten-free flour blend and use gluten-free graham crackers to achieve similar results.
Conclusion
S’mores Cookie Bars are the perfect way to enjoy a classic treat any time of year. They are simple to prepare, easy to share, and full of the flavors that everyone loves. Whether you are bringing them to a party or enjoying them as a weekend snack, these bars are sure to become a new favorite in your household. Happy baking!

S’mores Cookie Bars
- Cook Time: 40 minutes
- Total Time: 40 minutes
- Diet: Vegetarian, Gluten-Free Option
Ingredients
- 1/2 cup unsalted butter, softened
- 3/4 cup brown sugar, packed
- 1/4 cup granulated sugar
- 1 large egg
- 1 teaspoon vanilla extract
- 1 1/3 cups all-purpose flour
- 1 cup graham cracker crumbs (about 7–8 full sheets)
- 1 teaspoon baking powder
- 1/4 teaspoon salt
- 2 cups mini marshmallows
- 1 1/2 cups semi-sweet chocolate chips or broken chocolate bars
Instructions
- Step 1: Preparation and Oven Setup
Preheat your oven to 350°F (175°C). Grease an 8×8-inch square baking pan or line it with parchment paper, leaving an overhang on the sides for easy removal of the bars later.
- Step 2: Cream Butter and Sugars
In a large mixing bowl, beat the softened butter, brown sugar, and granulated sugar together until the mixture is light and fluffy. This should take about 2 to 3 minutes using an electric mixer.
- Step 3: Add Wet Ingredients
Add the egg and vanilla extract to the butter mixture. Beat again until everything is well combined and smooth, scraping down the sides of the bowl as needed.
- Step 4: Mix in Dry Ingredients
Whisk together the flour, graham cracker crumbs, baking powder, and salt in a separate small bowl. Gradually add the dry ingredients to the wet ingredients, mixing on low speed until a thick dough forms.
- Step 5: Layer the Bottom Crust
Press about two-thirds of the cookie dough into the bottom of your prepared baking pan. Spread it out evenly to create a solid base for your toppings.
- Step 6: Add Chocolate and Marshmallows
Sprinkle the chocolate chips evenly over the dough base. Top the chocolate with a generous layer of mini marshmallows, pressing them down slightly so they stay in place.
- Step 7: Add Top Layer and Bake
Take the remaining cookie dough and flatten small pieces of it with your hands. Place these “patches” of dough over the marshmallow layer. It is okay if some marshmallows are still showing. Bake for 20 to 25 minutes until the top is golden brown and the marshmallows are toasted.
- Step 8: Cooling and Slicing
Remove the pan from the oven and place it on a wire rack. Let the bars cool completely before cutting them into squares. This allows the marshmallow and chocolate layers to set so they do not ooze out too much.




