Everyone needs a go-to dessert bar that’s incredibly easy to make and absolutely delicious, and these S’mores Cookie Bars are IT! Imagine the classic campfire treat – graham crackers, melted chocolate, and gooey marshmallows – all transformed into a delightful, portable bar form. They’re seriously addictive. You’ll see why soon enough!
I’ve been obsessed with creating the perfect bar version of my favorite childhood s’mores, and these S’mores Cookie Bars have officially stolen my heart. They capture all the nostalgic flavors we love without the fuss of a bonfire. Plus, they’re a total crowd-pleaser, and I’ve been making them on repeat for everything from family dinners to potlucks. If you’re a fan of easy chocolate chip cookie recipes or simple no-bake desserts, you’re going to go wild for these.
Why You’ll Love This S’mores Cookie Bars
- Incredible Flavor Combination: You get that perfect bite of crisp graham cracker, rich chocolate, and sweet, melty marshmallow, all baked into a chewy cookie base. It’s pure bliss!
- Effortless One-Pan Wonder: Seriously, everything gets mixed and baked right in one pan. This means less cleanup, which is music to my ears on busy weeknights.
- Guaranteed Crowd-Pleaser: Who doesn’t love s’mores? These bars are universally loved by kids and adults alike. They disappear faster than you can say “smores!”
- Make-Ahead Friendly: Bake them ahead of time and cut them when you’re ready to serve. They’re perfect for parties and gatherings when you need to get a head start.
- Super Versatile: While the classic combo is amazing, you can easily tweak these bars with different chocolates or additions. They’re a fantastic base for creative baking.
Key Ingredients
Graham Crackers – These form the crunchy base of our bars, giving them that essential s’mores flavor foundation. You can use regular graham crackers or even consider honey grahams for a slightly sweeter note. If you can’t find them, digestive biscuits make a good substitute.
Butter – Melted butter helps bind the crushed graham crackers together for the base and adds richness to the cookie dough. Make sure it’s good quality, unsalted butter for the best flavor control.
Sugar – We’ll use both granulated and brown sugar for the cookie part. Granulated sugar lends crispness, while brown sugar ensures chewiness and adds a lovely caramel undertone. Don’t skip the brown sugar; it’s key to that classic cookie texture!
Eggs – These are essential for holding the cookie dough together and providing structure. Make sure your eggs are at room temperature so they incorporate smoothly into the batter.
Vanilla Extract – A splash of vanilla adds a warm, comforting aroma and enhances all the other flavors in the bars. Use pure vanilla extract for the best taste.
All-Purpose Flour – This is the backbone of our cookie dough. It provides the structure that holds all the delicious ingredients together. Measure it correctly to avoid dry or dense bars.
Baking Soda – This leavening agent helps the cookie dough spread and achieve that perfect chewy texture. It reacts with the acidic brown sugar to give us just the right lift.
Salt – A little bit of salt is crucial for balancing the sweetness and bringing out the rich flavors of the chocolate and butter. Don’t underestimate its power!
Chocolate Chips – Of course, we need chocolate! Semi-sweet chocolate chips are classic, but feel free to use milk chocolate, dark chocolate, or even chocolate chunks. You could even stir in some chopped chocolate bars for an extra-luxe touch.
Marshmallows – These are what make it s’mores! You can use mini marshmallows or cut up larger ones. They’ll get gloriously melty and gooey on top, just like at the campfire. For even meltier results, try toasting them slightly under the broiler (watch carefully!).
You’ll find precise measurements in the recipe card below.
How to Make S’mores Cookie Bars
Step 1. Preheat Oven & Prep Pan. First things first, let’s get our oven fired up to 350°F (175°C). Then, line an 8×8 or 9×9 inch baking pan with parchment paper, leaving some overhang on the sides. This step is your best friend for easy removal later!
Step 2. Crush Those Graham Crackers. Take about 1.5 cups of graham cracker crumbs (that’s usually 10-12 full sheets) and place them in a medium bowl. You can crush them by hand, in a food processor, or by putting them in a zip-top bag and rolling over them with a rolling pin.
Step 3. Mix the Graham Cracker Base. To the graham cracker crumbs, add 1/2 cup of melted butter and 2 tablespoons of granulated sugar. Stir everything together until it looks like wet sand. This mixture will form our delicious, crunchy base layer.
Step 4. Press the Base into the Pan. Pour the graham cracker mixture into your prepared baking pan. Use the bottom of a glass or your hands to press it down firmly and evenly across the entire bottom of the pan. Make sure it’s compact!
Step 5. Cream Butter and Sugars. In a separate large bowl, cream together 1/2 cup of softened butter, 1/2 cup of granulated sugar, and 1/2 cup of packed brown sugar. Beat with an electric mixer until light and fluffy. This creates the perfect chewy cookie texture.
Step 6. Add Wet Ingredients. Beat in 1 large egg and 1 teaspoon of vanilla extract until well combined. Scrape down the sides of the bowl to make sure everything is incorporated.
Step 7. Combine Dry Ingredients. In a small bowl, whisk together 1 cup of all-purpose flour, 1/2 teaspoon of baking soda, and 1/4 teaspoon of salt. This ensures the leavening and salt are evenly distributed.
Step 8. Mix Dough Together. Gradually add the dry ingredients to the wet ingredients, mixing on low speed or by hand until just combined. Don’t overmix! We want a tender cookie dough.
Step 9. Spread Dough Over Base. Dollop spoonfuls of the cookie dough over the pressed graham cracker base. Gently spread the dough as evenly as possible to cover the entire surface. It doesn’t have to be perfect; a rustic look is great!
Step 10. Sprinkle on Chocolate Chips. Evenly sprinkle about 1 cup of chocolate chips over the cookie dough layer. These will melt into gooey pockets of deliciousness as they bake.
Step 11. Top with Marshmallows. Finally, sprinkle 1 to 1.5 cups of mini marshmallows evenly over the top of the chocolate chips and cookie dough. Get them all nestled in!
Step 12. Bake Until Golden. Bake in your preheated oven for 25-30 minutes, or until the edges are golden brown and the marshmallows are puffed and slightly golden. Keep an eye on those marshmallows; they can brown quickly!
Step 13. Cool Completely. Let the bars cool completely in the pan on a wire rack. This is crucial for them to set up properly, making them easy to slice. Patience is key here!
Step 14. Slice and Enjoy! Once cooled, use the parchment paper overhang to lift the entire slab out of the pan. Cut into squares or bars with a sharp knife and enjoy your homemade S’mores Cookie Bars!
Tips for Success
- Don’t Overbake! Keep an eye on the bars during the last 10 minutes of baking. You want the edges golden brown and the center just set. Overbaking will result in dry bars.
- Cool Completely Before Cutting. This is probably the most important tip for clean slices. The bars need time to set up properly; otherwise, they’ll be gooey and messy (though still delicious!).
- Press the Base Firmly. Ensure the graham cracker base is pressed down compactly into the pan. This prevents it from crumbling apart when you cut and serve the bars.
- Room Temperature Ingredients. Using room temperature eggs and softened butter (not melted, unless specified for the base) helps create a smoother, more uniform cookie dough, leading to a better texture.
- Adjust Marshmallows to Your Liking. If you prefer more marshmallowy goodness, don’t hesitate to add a few extra. For extra toasted flavor, you can briefly broil them after baking, watching them very closely.
Variation Ideas
- Chocolate Lover’s Dream: Swap out half the semi-sweet chocolate chips for dark chocolate chips or chopped dark chocolate, and add a handful of milk chocolate chunks into the dough.
- Peanut Butter Swirl: After spreading the cookie dough, dollop spoonfuls of peanut butter over the top and swirl it in gently with a knife before adding the chocolate chips and marshmallows.
- Add Nuts: For an extra crunch, stir in 1/2 cup of chopped toasted pecans or walnuts into the cookie dough along with the dry ingredients.
- White Chocolate Cranberry: Use white chocolate chips and dried cranberries instead of semi-sweet chips and chocolate bars for a festive twist.
- Salted Caramel S’mores: Drizzle some caramel sauce over the chocolate chips before adding the marshmallows and sprinkle a little flaky sea salt on top after baking.
- Gluten-Free/Vegan Swaps: Use gluten-free graham crackers or a gluten-free cookie mix. For vegan, look for vegan butter, egg replacer, and vegan marshmallows and chocolate chips.
Serving Suggestions
These S’mores Cookie Bars are wonderfully versatile and can be enjoyed on their own as a dessert or sweet snack. They are fantastic served with a tall glass of cold milk, making them a perfect after-school treat. For a more indulgent experience, serve them warm with a scoop of vanilla bean ice cream. They also pair beautifully with a hot cup of coffee or tea during a cozy afternoon break.
Consider serving these bars alongside other simple treats at a party. They complement fruity desserts like Strawberry Shortcake or lighter options like Lemon Loaf Cake. For a more substantial dessert spread, a rich Chocolate Lava Cake would be a decadent addition, though these bars stand perfectly well on their own.
How to Store and Reheat Extras
Refrigerator. Store leftover S’mores Cookie Bars in an airtight container in the refrigerator for up to 4 days. They tend to get slightly firmer when chilled, which some people love!
Freezer. For longer storage, wrap individual bars or the entire slab tightly in plastic wrap, then in aluminum foil, and place in a freezer-safe container or bag. They can be frozen for up to 3 months. Thaw overnight in the refrigerator.
To reheat. To enjoy them warm and gooey again, place a bar on a microwave-safe plate and microwave on 50% power for 15-30 seconds, or until just warmed through. Alternatively, you can reheat them in a 300°F (150°C) oven for about 5-10 minutes until the marshmallows are melty again. Be careful not to overheat!
Frequently Asked Questions
Can I substitute the graham crackers in s’mores cookie bars?
Yes, you absolutely can! Digestive biscuits are a popular and similar substitute. You can also use vanilla wafers or shortbread cookies for a different flavor profile. For a gluten-free option, look for gluten-free graham crackers or a sturdy gluten-free cookie crust.
How do I know when my s’mores cookie bars are done?
The bars are ready when the edges are golden brown and set, and the center looks mostly set, perhaps with a very slight slight wobble. The marshmallows on top should be puffed and lightly golden. Avoid overbaking, which can lead to dry bars.
My s’mores cookie bars are crumbly, what went wrong?
Crumbly bars often result from not enough moisture or fat, or from insufficient pressing of the base. Ensure you’re using the exact amount of butter specified for the base and that it’s pressed firmly. Overbaking can also contribute to dryness and crumbliness.
Can I make s’mores cookie bars ahead of time?
Yes, these bars are excellent for making ahead! Bake them a day or two in advance and store them at room temperature. They actually become easier to slice after they’ve had a chance to fully cool and set.
Are there vegan or gluten-free options for these bars?
Definitely! For gluten-free, use certified gluten-free graham crackers or a gluten-free cookie base. For vegan bars, swap the butter for vegan butter, use an egg replacer (like flax egg or commercial replacer), and ensure your chocolate chips and marshmallows are vegan. The flavor profile remains wonderfully similar!
There you have it – the ultimate S’mores Cookie Bars recipe that brings all the campfire magic right into your kitchen! They’re incredibly simple, ridiculously tasty, and perfect for satisfying any sweet tooth, big or small. I truly hope you give these a try and fall in love with them as much as I have. Let me know in the comments below how yours turned out, or if you tried any fun variations!
Print
S’mores Cookie Bars
- Total Time: 40
- Yield: 24 bars 1x
- Diet: Vegetarian
Description
Nostalgic s’mores in a portable bar form! A chewy graham cracker base meets gooey marshmallow and rich chocolate layers, baked into a single easy-to-cut treat.
Ingredients
2 cups graham cracker crumbs
1 cup unsalted butter, melted
3/4 cup packed brown sugar
3/4 cup granulated sugar
2 large eggs, room temperature
1 1/2 cups all-purpose flour
1/2 cup semi-sweet chocolate chips
1/2 cup mini marshmallows
Instructions
Preheat oven to 350°F
Use an electric mixer to cream melted butter with both sugars until smooth
Beat in eggs, one at a time
Add flour and mix until just combined
Fold in chocolate chips and marshmallows
Grease a 9×13-inch baking dish
Press half the graham cracker crumbs into the bottom as a base
Spread cookie batter evenly over crumbs
Sprinkle remaining crumbs for textural contrast
Bake 23-25 minutes until top is golden
Cool completely, then cut into bars
Notes
Use honey graham crackers for sweeter flavor
Digestive biscuits work if graham crackers are unavailable
Top bars with lightly crushed graham crackers if desired
Store in airtight container at room temperature up to 3 days
- Prep Time: 15
- Cook Time: 25
- Category: Dessert
- Method: Baking
- Cuisine: American
Nutrition
- Serving Size: 1 bar
- Calories: 185
- Sugar: 12g
- Sodium: 95mg
- Fat: 9g
- Saturated Fat: 6g
- Carbohydrates: 24g
- Fiber: 1g
- Protein: 3g
- Cholesterol: 30mg