Imagine sinking your teeth into a warm, gooey treat that combines the nostalgic flavors of campfire s’mores cookie bars with the comfort of homemade cookies. These irresistible s’mores cookie bars transform the classic campfire experience into a convenient, sharable dessert that can be enjoyed year-round. The buttery graham cracker crust, chocolate-studded cookie layer, and toasted marshmallow topping create a symphony of textures and flavors that will transport you straight to summer nights under the stars. You’ll learn how to create these decadent bars with simple ingredients and foolproof techniques that guarantee perfect results every time.
Why You’ll Love This Recipe
These s’mores cookie bars are the ultimate crowd-pleasing dessert that combines nostalgia with pure indulgence. Each bite delivers the perfect balance of textures – a crisp, buttery graham cracker base, a chewy cookie middle packed with melty chocolate chunks, and a gloriously golden marshmallow topping that creates that signature s’mores pull when served warm.
What makes these bars truly special is their versatility and simplicity. Unlike traditional s’mores that require a campfire and individual assembly, these bars capture all those beloved flavors in a convenient form that can be made any time of year. They’re perfect for potlucks, bake sales, or family dessert night.
The recipe comes together with pantry staples in just minutes of active preparation time. Even novice bakers can achieve spectacular results, making these s’mores cookie bars both impressive and accessible. The contrast between the caramelized, toasty marshmallow top and the soft, chocolatey center creates a dessert experience that’s impossible to resist.
Ingredients
For these delectable s’mores cookie bars, you’ll need:
For the Graham Cracker Crust:
- 2 cups graham cracker crumbs (about 14 full sheets)
- 1/2 cup (113g) unsalted butter, melted
- 1/4 cup (50g) granulated sugar
- 1/4 teaspoon salt
For the Cookie Layer:
- 3/4 cup (170g) unsalted butter, softened
- 1/2 cup (100g) granulated sugar
- 1/2 cup (100g) light brown sugar, packed
- 1 large egg
- 1 large egg yolk
- 2 teaspoons vanilla extract
- 2 cups (250g) all-purpose flour
- 1/2 teaspoon baking soda
- 1/2 teaspoon salt
- 1 1/2 cups (270g) semi-sweet chocolate chips or chunks
For the Topping:
- 2 cups (approximately 100g) mini marshmallows
- 1/2 cup (90g) semi-sweet chocolate chunks
- 2 full graham crackers, broken into pieces
Pro Tips
Achieving perfect s’mores cookie bars requires attention to a few critical details. First, when preparing your graham cracker crust, press it firmly into the pan using the bottom of a measuring cup. This compression creates a sturdy base that won’t crumble when you cut the finished bars. The crust should be evenly distributed and compact – think of it as building a solid foundation for your dessert architecture.
For the cookie layer, avoid overmixing your dough after adding the dry ingredients. Mix just until the flour disappears to ensure your bars maintain a soft, chewy texture rather than becoming tough or dense. Room temperature butter and eggs are essential here – they’ll incorporate more evenly and create a better texture in your finished bars.
The most dramatic element of these bars – the marshmallow topping – requires careful attention during the final minutes of baking. Watch closely as you broil the marshmallows, as they can go from perfectly golden to burnt in seconds. Position the pan about 6 inches from the broiler and keep the oven door slightly ajar so you can monitor the browning process. This vigilance ensures that signature toasted marshmallow flavor without any bitter burnt spots.

Instructions
Step 1: Prepare the Pan and Preheat
Start by positioning your rack in the middle of the oven and preheat to 350°F (175°C). Line a 9×13-inch baking pan with parchment paper, leaving some overhang on the sides to easily lift the bars out later. This clean preparation ensures your s’mores cookie bars will release perfectly when it’s time to serve.
Step 2: Create the Graham Cracker Crust
In a medium bowl, combine the graham cracker crumbs, melted butter, granulated sugar, and salt. Mix until the mixture resembles wet sand. Press this mixture firmly and evenly into the bottom of your prepared pan. I like to use the flat bottom of a measuring cup to create a smooth, compact layer. Bake the crust for 8-10 minutes until it’s lightly golden and fragrant. Allow it to cool slightly while you prepare the cookie layer.
Step 3: Mix the Cookie Dough
In a large bowl, cream together the softened butter, granulated sugar, and brown sugar until light and fluffy, about 2-3 minutes. Add the egg, egg yolk, and vanilla extract, mixing until well incorporated. In a separate bowl, whisk together the flour, baking soda, and salt. Gradually add the dry ingredients to the wet mixture, mixing on low speed until just combined. Fold in 1 cup of chocolate chips, saving the remaining 1/2 cup for the top.
Step 4: Assemble and Bake
Carefully spread the cookie dough over the pre-baked graham cracker crust. Use an offset spatula or the back of a spoon dipped in water to help spread the thick dough evenly. Sprinkle the remaining chocolate chips over the top. Bake for 20-25 minutes until the edges are golden brown and the center is just set. The center might look slightly underdone, but it will continue cooking as it cools.
Step 5: Add the Marshmallow Topping
Remove the pan from the oven and immediately sprinkle the mini marshmallows and remaining chocolate chunks evenly over the top. Scatter the broken graham cracker pieces across the surface. Return to the oven and broil for 1-2 minutes until the marshmallows are puffed and golden brown. Keep a close eye on them as they can burn quickly!
Step 6: Cool and Serve
Allow the s’mores cookie bars to cool in the pan for at least 30 minutes. For clean cuts, refrigerate for an additional 30 minutes before lifting out using the parchment overhang and cutting into squares. For that authentic s’mores experience, serve slightly warm so the chocolate and marshmallow remain delightfully gooey.
Variations
Peanut Butter S’mores Bars: Transform these classic s’mores cookie bars into a peanut butter lover’s dream by adding 1/2 cup of creamy peanut butter to the cookie dough layer. Replace half the semi-sweet chocolate chips with peanut butter chips for an even more pronounced flavor. The combination of peanut butter, chocolate, and marshmallow creates an irresistible twist on the original that might become your new favorite version.
Gluten-Free S’mores Cookie Bars: Make these treats accessible to everyone by using gluten-free graham crackers for the crust and replacing the all-purpose flour with a high-quality gluten-free flour blend that contains xanthan gum. The rest of the recipe remains the same, and the result is a gluten-free dessert that doesn’t compromise on taste or texture. Just be sure to verify all your ingredients are certified gluten-free if preparing for someone with celiac disease.
Seasonal S’mores Cookie Bars: Adapt these bars throughout the year with seasonal additions. For fall, add 1/2 teaspoon of cinnamon to the cookie dough and replace some of the chocolate with caramel bits. During winter holidays, incorporate crushed peppermint candies into the marshmallow layer. For summer, add dried strawberry pieces or a sprinkle of lemon zest to brighten the flavor profile.
Storage and Serving
These s’mores cookie bars stay fresh when stored in an airtight container at room temperature for up to 3 days. For longer storage, refrigerate them for up to a week – just note that the marshmallow layer will become firmer when chilled. You can also freeze the bars for up to 3 months; simply wrap individual squares in plastic wrap, then aluminum foil, and place in a freezer bag. Thaw overnight in the refrigerator or for a few hours at room temperature.
For the ultimate serving experience, gently warm a bar in the microwave for 10-15 seconds to recreate that fresh-from-the-oven gooey texture. Pair warm s’mores cookie bars with a scoop of vanilla ice cream for a decadent dessert that will impress dinner guests. The contrast between the warm bar and cold ice cream creates a delightful temperature play that enhances all the flavors.
For a fun dessert bar idea, serve these alongside hot chocolate in the winter or with cold milk in summer. They also make excellent additions to bake sale boxes or dessert platters, where their distinctive layered appearance stands out among other treats.
FAQs
Can I use regular-sized marshmallows instead of mini marshmallows?
Yes, you can substitute regular marshmallows by cutting them in half or quarters. Mini marshmallows are recommended because they distribute more evenly and brown more consistently, but larger marshmallows will still create that classic s’mores flavor in your s’mores cookie bars.
Why did my cookie layer turn out too dry?
The most common reason is over-measuring flour. For best results, spoon flour into measuring cups and level with a knife rather than scooping directly from the container. Also, be careful not to overbake – the cookie layer should be just set in the center when you remove it from the oven.
Can I make these bars in advance for a party?
Absolutely! These s’mores cookie bars can be prepared 1-2 days in advance. For the freshest taste, store them in an airtight container at room temperature. If you want to serve them warm, briefly heat individual portions in the microwave for 10-15 seconds before serving.
How do I get clean cuts when slicing the bars?
For perfect squares, chill the bars completely in the refrigerator for at least an hour before cutting. Use a sharp knife dipped in hot water and wiped clean between cuts. The heat helps the knife slide through the marshmallow layer without sticking.
Can I use chocolate bars instead of chips for a more authentic s’mores experience?
Yes! Using chopped chocolate bars, especially milk chocolate, will give you an even more authentic s’mores flavor. Chopped chocolate tends to melt more completely than chips, creating pockets of gooey chocolate throughout your s’mores cookie bars that closely mimic the campfire classic.
Smores Cookie Bars
- Prep Time: 15 mins
- Cook Time: 30 mins
- Total Time: 45 mins
- Yield: 4 servings 1x
- Category: Dessert
- Method: Cooking
- Cuisine: Americaine
Description
S’mores Cookie Bars: Indulge in gooey marshmallow, rich chocolate, and buttery graham cracker all in one easy, irresistible treat.
Ingredients
- For these delectable S’mores Cookie Bars, you’ll need:
- For the Graham Cracker Crust:
- 2 cups graham cracker crumbs (about 14 full sheets)
- 1/2 cup unsalted butter, melted
- 1/4 cup granulated sugar
- 1/4 teaspoon salt
- For the Cookie Layer:
- 3/4 cup unsalted butter, softened
- 1/2 cup granulated sugar
- 1/2 cup light brown sugar, packed
- 1 large egg
- 1 large egg yolk
- 2 teaspoons vanilla extract
- 2 cups all-purpose flour
- 1/2 teaspoon baking soda
- 1/2 teaspoon salt
- 1 1/2 cups semi-sweet chocolate chips or chunks
- For the Topping:
- 2 cups mini marshmallows
- 1/2 cup semi-sweet chocolate chunks
- 2 full graham crackers, broken into pieces
Instructions
- Step 1: Prepare the Pan and Preheat Position your rack in the middle of the oven and preheat to 350°F (175°C). Line a 9×13-inch baking pan with parchment paper, leaving some overhang on the sides to easily lift the bars out later. This clean preparation ensures your s’mores cookie bars will release perfectly when it’s time to serve.
- Step 2: Create the Graham Cracker Crust In a medium bowl, combine the graham cracker crumbs, melted butter, granulated sugar, and salt. Mix until the mixture resembles wet sand. Press this mixture firmly and evenly into the bottom of your prepared pan. Use the flat bottom of a measuring cup to create a smooth, compact layer. Bake the crust for 8-10 minutes until it’s lightly golden and fragrant. Allow it to cool slightly while you prepare the cookie layer.
- Step 3: Mix the Cookie Dough In a large bowl, cream together the softened butter, granulated sugar, and brown sugar until light and fluffy. Add the egg, egg yolk, and vanilla extract, mixing until well incorporated. In a separate bowl, whisk together the flour, baking soda, and salt. Gradually add the dry ingredients to the wet mixture, mixing on low speed until just combined. Fold in 1 cup of chocolate chips, saving the remaining 1/2 cup for the top.
- Step 4: Assemble and Bake Carefully spread the cookie dough over the pre-baked graham cracker crust. Sprinkle the remaining chocolate chips over the top. Bake for 20-25 minutes until the edges are golden brown and the center is just set. The center might look slightly underdone, but it will continue cooking as it cools.
- Step 5: Add the Marshmallow Topping Remove the pan from the oven and immediately sprinkle the mini marshmallows and remaining chocolate chunks evenly over the top. Scatter the broken graham cracker pieces across the surface. Return to the oven and broil for 1-2 minutes until the marshmallows are puffed and golden brown.
- Step 6: Cool and Serve Allow the s’mores cookie bars to cool in the pan for at least 30 minutes. For clean cuts, refrigerate for an additional 30 minutes before lifting out using the parchment overhang and cutting into squares. Serve slightly warm for that authentic s’mores experience where the chocolate and marshmallow remain delightfully gooey.
Notes
Fresh ingredients will always yield the best flavor results.
Nutrition
- Serving Size: 1 serving
- Calories: 300
- Sugar: 5g
- Sodium: 400mg
- Fat: 10g
- Saturated Fat: 3g
- Unsaturated Fat: 7g
- Trans Fat: 0g
- Carbohydrates: 40g
- Fiber: 5g
- Protein: 15g
- Cholesterol: 50mg