This post may contain affiliate links. As an Amazon Associate, we earn from qualifying purchases. We only recommend products we trust.
Ever craved the nostalgic taste of s’mores but want it in an easy-to-make, portable form? Look no further! These S’more Cookie Bars combine the best of both worlds: a soft, chewy cookie base, a gooey milk chocolate center, and a perfectly toasted marshmallow topping. Get ready for a taste of summer camp, no campfire required!
Why You’ll Love This S’more Cookie Bars Recipe
These S’more Cookie Bars are guaranteed to become a family favorite. They’re:
- Easy to Make: No complicated steps or fancy equipment needed.
- Quick: Ready in under an hour.
- Gooey and Delicious: The perfect combination of chocolate, marshmallow, and cookie.
- Portable: Great for picnics, parties, or lunchboxes.
- Crowd-Pleasing: Everyone loves s’mores!
- Nostalgic: A comforting treat that brings back childhood memories.
- Versatile: Easily adaptable to your favorite flavors and dietary needs.
- Irresistible: One bite and you’ll be hooked!
Ingredients Needed for S’more Cookie Bars
Here’s what you’ll need to create these delectable bars. Preparation is key, so let’s gather all the ingredients. Remember, quality ingredients yield the best results!
For the Cookie Base:
- 1/2 cup (113g) unsalted butter, softened
- 1/2 cup (100g) granulated sugar
- 1/4 cup (50g) packed light brown sugar
- 1 large egg
- 1 teaspoon vanilla extract
- 1 1/4 cups (150g) all-purpose flour
- 1/2 teaspoon baking soda
- 1/4 teaspoon salt
For the S’more Filling:
- 1 cup (170g) milk chocolate chips
- 1 1/2 cups mini marshmallows
- 1/2 cup graham cracker crumbs
Butter Tip: Make sure your butter is properly softened to ensure a smooth and creamy cookie base.
Chocolate Tip: Use good quality milk chocolate chips for the best flavor. You deserve it!
Essential Equipment List
Having the right tools makes baking a breeze. Plus, it helps ensure a perfect outcome. Here’s what you’ll need:
- 8×8 inch baking pan: For baking the bars to the perfect thickness.
- Parchment paper: For easy removal and cleanup.
- Large bowl: To mix the cookie dough.
- Electric mixer: To cream the butter and sugar.
- Measuring cups and spoons: For accurate ingredient measurements.
Recipe Details
- Prep Time: 20 minutes
- Cook Time: 25 minutes
- Total Time: 45 minutes
- Servings: 12 bars
- Difficulty: Easy
Step-by-Step Instructions for S’more Cookie Bars
Follow these simple steps to create your own batch of irresistible S’more Cookie Bars. Don’t worry if you’re not a seasoned baker; this recipe is designed for everyone!
Step 1: Prepare the Oven and Pan
Preheat your oven to 350°F (175°C). Line an 8×8 inch baking pan with parchment paper, leaving an overhang on the sides. This makes removing the bars a snap!
Step 2: Cream Together the Sugars and Butter
In a large bowl, cream together the softened butter, granulated sugar, and brown sugar until light and fluffy. An electric mixer works best for this step, ensuring a smooth and even mixture.
Step 3: Beat in the Egg and Vanilla
Beat in the egg and vanilla extract until well combined. This adds moisture and flavor to the cookie base.
Step 4: Combine Dry Ingredients
In a separate bowl, whisk together the flour, baking soda, and salt. This ensures the baking soda is evenly distributed, leading to a perfectly textured cookie.
Step 5: Mix Wet and Dry Ingredients
Gradually add the dry ingredients to the wet ingredients, mixing until just combined. Be careful not to overmix, as this can result in tough bars. A few streaks of flour are okay.
Step 6: Press Half of the Dough into the Pan
Press half of the cookie dough into the prepared baking pan to form an even layer. Use your fingers or the back of a spoon to smooth it out.
Step 7: Bake the Base
Bake for 10 minutes. This partially bakes the base, preventing a soggy bottom.
Step 8: Add Chocolate Chips
Remove the pan from the oven and sprinkle the milk chocolate chips evenly over the partially baked cookie base. The residual heat will start to melt the chocolate, creating a gooey layer.
Step 9: Add Marshmallows and Graham Cracker Crumbs
Top with the mini marshmallows and graham cracker crumbs. The marshmallows will toast beautifully in the oven, adding that classic s’more flavor.
Step 10: Crumble Remaining Dough
Crumble the remaining cookie dough over the marshmallow layer. Don’t worry about making it perfect; the uneven crumbles add a rustic charm.
Step 11: Bake Again
Return the pan to the oven and bake for an additional 15-20 minutes, or until the marshmallows are golden brown and the cookie dough is set. Keep a close eye on them to prevent burning!
Step 12: Cool and Cut
Let the bars cool completely in the pan before lifting them out using the parchment paper overhang. Cut into bars and serve. Patience is key here; the bars will firm up as they cool.
Tips for Success
Want to take your S’more Cookie Bars to the next level? Here are some insider tips:
- Don’t overbake: Overbaking will result in dry, crumbly bars. Aim for a slightly soft center.
- Use room temperature ingredients: This helps everything mix together evenly.
- Toast the graham cracker crumbs: Toasting them lightly in a dry skillet adds extra flavor.
- Press the dough firmly: This creates a solid base that can hold the filling.
- Let them cool completely: This is crucial for clean cuts and prevents the filling from oozing everywhere.
Variations & Substitutions

Feel free to get creative and customize these bars to your liking!
- Dark Chocolate: Use dark chocolate chips for a richer flavor.
- Peanut Butter: Add a layer of peanut butter chips between the cookie base and the marshmallows.
- Gluten-Free: Use gluten-free all-purpose flour blend.
- Different Cookies: You can use other cookies beside graham crackers, you can try with vanilla wafer crumbs or chocolate cookies.
Serving Suggestions & Pairings with S’more Cookie Bars
These bars are delicious on their own, but they can also be paired with other treats for an extra special dessert!
- Ice Cream: Serve warm bars with a scoop of vanilla ice cream.
- Coffee: Enjoy with a hot cup of coffee or cocoa.
- Milk: A classic pairing for a reason!
- Fruit: Serve with fresh berries for a balanced treat.
Health Benefits
While these are definitely a treat, they do offer some nutritional benefits:
- Calcium: From the milk chocolate.
- Fiber: From the graham crackers and flour.
- Energy: From the carbohydrates and sugars.
Storage & Reheating
These bars are best enjoyed fresh, but they can be stored for later:
- Storage: Store in an airtight container at room temperature for up to 3 days.
- Reheating: Reheat in the microwave for a few seconds or in a preheated oven at 350°F (175°C) for a few minutes.
- Freezing: Freeze for up to 2 months. Thaw at room temperature before serving.
Frequently Asked Questions
Can I double the recipe?
Yes! Just use a 9×13 inch pan and increase the baking time by a few minutes.
Can I use different chocolate?
Absolutely! Dark, semi-sweet, or even white chocolate would be delicious.
How do I prevent the marshmallows from burning?
Keep a close eye on them during the last few minutes of baking. If they start to brown too quickly, tent the pan with foil.
Can I make these ahead of time?
Yes, you can bake the bars a day or two in advance and store them at room temperature.
Can I add nuts?
Definitely! Chopped pecans or walnuts would be a great addition.
Nutritional Information
- Serving Size: 1 bar
- Calories: 350
- Total Fat: 20g
- Saturated Fat: 12g
- Cholesterol: 50mg
- Sodium: 150mg
- Total Carbohydrate: 40g
- Dietary Fiber: 2g
- Total Sugars: 25g
- Protein: 4g
More Delicious Dishes to Explore
Craving more sweet treats? Check out these other delicious recipes!
- Irresistible Salted Caramel Apple Bars – A perfect blend of sweet and salty flavors!
- Raspberry Coconut Magic Bars – A magical combination of textures and tastes.
- Cinnamon Swirl Bundt Cake – A classic cake with a delightful cinnamon swirl.
Conclusion
These S’more Cookie Bars are a guaranteed hit for any occasion. They are fast, fun, and wonderfully flavorful. What are you waiting for? Whip them up tonight and share the s’more love!
Share this recipe with your friends and family who would love it! Join our vibrant community on Facebook and Pinterest for daily recipe inspiration, cooking tips, and more tasty ideas! Happy cooking!

S’more Cookie Bars
- Total Time: 45 minutes
- Yield: 12 bars 1x
- Diet: Vegetarian
Description
Gooey, chocolatey S’more Cookie Bars that bring the taste of summer camp to your kitchen! Easy to make and perfect for any occasion.
Ingredients
- 1/2 cup (1 stick) unsalted butter, softened
- 1/2 cup granulated sugar
- 1/4 cup packed light brown sugar
- 1 large egg
- 1 teaspoon vanilla extract
- 1 1/4 cups all-purpose flour
- 1/2 teaspoon baking soda
- 1/4 teaspoon salt
- 1 cup milk chocolate chips
- 1 1/2 cups mini marshmallows
- 1/2 cup graham cracker crumbs
Instructions
- Preheat oven to 350°F (175°C). Line an 8×8 inch baking pan with parchment paper, leaving an overhang on the sides.
- Make the Cookie Base: In a large bowl, cream together the softened butter, granulated sugar, and brown sugar until light and fluffy.
- Beat in the egg and vanilla extract until well combined.
- In a separate bowl, whisk together the flour, baking soda, and salt.
- Gradually add the dry ingredients to the wet ingredients, mixing until just combined. Do not overmix.
- Press half of the cookie dough into the prepared baking pan to form an even layer.
- Bake for 10 minutes.
- Remove the pan from the oven and sprinkle the milk chocolate chips evenly over the partially baked cookie base.
- Top with the mini marshmallows and graham cracker crumbs.
- Crumble the remaining cookie dough over the marshmallow layer.
- Return the pan to the oven and bake for an additional 15-20 minutes, or until the marshmallows are golden brown and the cookie dough is set.
- Let the bars cool completely in the pan before lifting them out using the parchment paper overhang.
- Cut into bars and serve.
Notes
- Storage: Store in an airtight container at room temperature for up to 3 days.
- Reheating: Reheat in the microwave for a few seconds or in a preheated oven at 350°F (175°C) for a few minutes.
- Prep Time: 20 minutes
- Cook Time: 25 minutes
- Category: Dessert
- Method: Baking
- Cuisine: American
Nutrition
- Serving Size: 1 bar
- Calories: 350
- Sugar: 25g
- Sodium: 150mg
- Fat: 20g
- Saturated Fat: 12g
- Unsaturated Fat: 0g
- Trans Fat: 0g
- Carbohydrates: 40g
- Fiber: 2g
- Protein: 4g
- Cholesterol: 50mg
Keywords: S’more Cookie Bars, S’mores, Cookies, Marshmallow, Chocolate, Dessert, Baking, Easy Recipe