WANT TO SAVE THIS RECIPE?
Are you ready to whip up a sweet treat that will delight your whole family? S’mores Cookie Bars are the answer! They combine the classic campfire flavors of chocolate, gooey marshmallows, and crunchy graham crackers in a delicious, easy-to-make dessert. In this guide, I’ll show you the simple steps to create these mouthwatering bars, plus tips for tasty variations and proper storage. Let’s get baking!
Why I Love This Recipe
- Decadent Flavor Combination: The rich chocolate, gooey marshmallows, and crunchy graham crackers create a delightful blend that captures the essence of classic s’mores in every bite.
- Easy to Make: This recipe simplifies the s’mores experience by combining all the ingredients into bars, making it quick and convenient for any occasion.
- Perfect for Sharing: Cut into squares, these cookie bars are ideal for parties, potlucks, or family gatherings, allowing everyone to enjoy a sweet treat without the mess.
- Customizable Delight: Feel free to mix in your favorite candies or nuts, making each batch unique and tailored to your taste preferences.
Ingredients
List of Ingredients
– 1 cup unsalted butter, softened
– 1 cup brown sugar, packed
– ½ cup granulated sugar
– 2 large eggs
– 2 teaspoons vanilla extract
– 2 cups all-purpose flour
– 1 teaspoon baking soda
– ½ teaspoon salt
– 1 cup chocolate chips
– 1 cup mini marshmallows
– 1 cup graham cracker crumbs
These ingredients create a sweet and gooey treat. The butter adds richness, while the sugars provide sweetness. Eggs help bind the mix and give it a nice texture. The flour forms the base, and baking soda makes it rise. Salt balances the sweetness.
Chocolate chips bring that classic s’mores taste, and mini marshmallows add fluffiness. Graham cracker crumbs give the bars their signature crunch. Each bite is a mix of flavors you will love.
Ingredient Substitutions
– Butter alternatives: You can use coconut oil or vegetable shortening. Both work well in place of butter.
– Sugar options: If you want less refined sugar, try honey or maple syrup. Adjust the amount to keep the right texture.
– Gluten-free flour suggestions: Use a gluten-free all-purpose flour blend. Make sure it has xanthan gum for the right texture.
These substitutions help you cater to different diets, keeping the fun of s’mores alive!

Step-by-Step Instructions
Preparation Steps
1. Preheat your oven to 350°F (175°C). Line a 9×13 inch baking pan with parchment paper. This helps with easy removal.
2. In a large bowl, cream together 1 cup of softened unsalted butter, 1 cup of brown sugar, and ½ cup of granulated sugar. Mix until it’s smooth and fluffy.
Mixing Steps
1. Add 2 large eggs one by one. Mix well after each egg. Then stir in 2 teaspoons of vanilla extract.
2. In another bowl, whisk together 2 cups of all-purpose flour, 1 teaspoon of baking soda, and ½ teaspoon of salt. Gradually add this dry mixture to the wet mixture. Stir until just combined.
Baking Steps
1. Fold in 1 cup of chocolate chips and 1 cup of graham cracker crumbs. Make sure they mix well into the dough.
2. Spread half of the cookie dough into the prepared pan. Press it down evenly.
3. Evenly sprinkle 1 cup of mini marshmallows over this dough layer. Next, add the remaining cookie dough on top, spreading it out to cover the marshmallows.
4. Bake in the preheated oven for about 20–25 minutes. Look for golden brown edges. A toothpick in the center should come out mostly clean.
5. Let the cookie bars cool completely in the pan. Once cool, use the parchment overhang to lift the bars out. Cut into squares and enjoy!
Tips & Tricks
Perfecting the Baking Process
To ensure even baking, spread the dough smoothly in the pan. Press it down gently. This helps it cook uniformly. Check your oven’s temperature with an oven thermometer. Sometimes ovens run hot or cold.
To avoid overbaking, set a timer for 20 minutes. Check the bars with a toothpick. When it comes out mostly clean, they are ready. The center may still look a bit soft. That is okay; they will firm up as they cool.
Serving Suggestions
Adding ice cream or whipped cream makes a great treat even better. A scoop of vanilla ice cream on the side is a favorite. It adds a creamy touch that pairs well with chocolate and marshmallows. You can also sprinkle extra graham cracker crumbs on top for a fun look.
For garnishes, a drizzle of chocolate syrup works wonders. You can even add some fresh berries for a pop of color and flavor.
Kitchen Tools Needed
You will need a few basic tools. Start with a 9×13 inch baking pan. Lining it with parchment paper helps remove the bars easily.
For mixing, use a large mixing bowl and a sturdy spoon. A hand mixer makes creaming the butter and sugars easier. A whisk is also handy for mixing dry ingredients. These tools help you create the best S’mores Cookie Bars!
Pro Tips
- Chill the Dough: For thicker bars, consider chilling the dough for 30 minutes before baking. This helps the bars hold their shape and results in a chewier texture.
- Use Fresh Ingredients: Ensure that your marshmallows and chocolate chips are fresh for the best flavor and texture. Stale ingredients can lead to disappointing results.
- Customize Your Fillings: Feel free to mix in other ingredients like peanut butter chips, nuts, or different types of chocolate to personalize your S’mores bars.
- Check for Doneness: Since ovens vary, start checking for doneness a few minutes before the recommended baking time. The bars should be golden brown around the edges and slightly set in the middle.

Variations
Flavor Variations
You can make S’mores Cookie Bars even more fun by adding flavors. Try mixing in peanut butter. Just fold in about half a cup of creamy peanut butter into the dough. This adds a nutty taste that pairs well with chocolate.
You can also switch up the chocolate. Instead of regular chocolate chips, use dark chocolate or milk chocolate. You might even mix in white chocolate for a unique twist. Each type of chocolate brings its own flavor, making every bite special.
Dietary Variations
For those who follow a vegan diet, you can still enjoy these cookie bars. Replace the butter with vegan butter or coconut oil. Use flax eggs as a substitute for the large eggs. Just mix one tablespoon of flaxseed meal with three tablespoons of water, and let it sit for a few minutes.
If you need nut-free options, skip the peanut butter and check your chocolate. Ensure it is nut-free. You can also use sunflower seed butter instead of peanut butter for a nut-free flavor boost.
Creative Serving Ideas
You can get creative with how you serve S’mores Cookie Bars. Cut them into smaller bites for easy sharing. This makes them great for parties or school events.
You can also layer these bars with other desserts. Try serving them with a scoop of vanilla ice cream on top. Drizzle some chocolate syrup for a fancy touch. This combination brings extra joy to your dessert table.
Storage Info
Short-Term Storage
To store your S’mores cookie bars at room temperature, let them cool completely. Once cool, cut them into squares. Place the squares in an airtight container. This keeps them fresh for about 3 to 5 days. I recommend using a glass or plastic container with a tight seal. This helps prevent air from getting in.
Long-Term Storage
For long-term storage, you can freeze these cookie bars. Wrap each square in plastic wrap. Then, place them in a freezer-safe bag or container. This way, they can last up to 3 months. When you’re ready to enjoy them, remove the bars from the freezer. Allow them to thaw in the fridge overnight or at room temperature for a few hours.
Freshness Tips
Look for signs of spoilage to know when to toss them. If they smell off or have a dry texture, it’s best to discard them. To maintain freshness, store them away from direct sunlight and heat. Keeping them in a cool, dark place helps a lot. Enjoy your S’mores cookie bars while they are still soft and gooey for the best taste!
FAQs
Common Questions
How do I know when S’mores Cookie Bars are done?
You can tell they are done when the edges turn golden brown. A toothpick should come out mostly clean from the center. Keep an eye on the marshmallows; they may ooze a bit, which is normal.
Can I make these cookie bars ahead of time?
Yes, you can make these cookie bars ahead of time. Just bake them, let them cool, and store them in an airtight container. They will stay fresh for a few days.
Troubleshooting
Why are my cookie bars too crumbly?
Crumbly cookie bars often happen due to too much flour. Make sure you measure your flour correctly. Avoid packing it tightly into the cup.
What to do if the marshmallows overflow?
If your marshmallows overflow, don’t worry! Just let them cool fully. You can trim any excess marshmallow after they have cooled down.
Serving and Pairing Questions
What drinks pair well with S’mores Cookie Bars?
I love pairing these cookie bars with cold milk. You can also try hot chocolate or coffee. They balance the sweetness nicely.
Can I serve them cold or should they be warm?
These cookie bars are best served warm. The chocolate and marshmallows will be gooey and delicious. If serving cold, they will still taste great, but the texture will change.
This blog post covered all you need for making S’mores Cookie Bars. I shared the ingredients, tips, and variations for different diets. You can easily customize your recipe to fit your taste. Whether you want to store them for later or serve them fresh, you now have the know-how. Baking can be fun and simple with the right steps. Enjoy these treats alone or with friends. You can impress anyone with your baking skills. Dive into your kitchen and start creatin
S'mores Cookie Bars
Delicious cookie bars combining chocolate, marshmallows, and graham crackers.
Prep Time 15 minutes mins
Cook Time 25 minutes mins
Total Time 45 minutes mins
Course Dessert
Cuisine American
Servings 12
Calories 250 kcal
- 1 cup unsalted butter, softened
- 1 cup brown sugar, packed
- 0.5 cup granulated sugar
- 2 large eggs
- 2 teaspoons vanilla extract
- 2 cups all-purpose flour
- 1 teaspoon baking soda
- 0.5 teaspoon salt
- 1 cup chocolate chips
- 1 cup mini marshmallows
- 1 cup graham cracker crumbs
Preheat your oven to 350°F (175°C) and line a 9x13 inch baking pan with parchment paper, leaving some overhang for easy removal.
In a large mixing bowl, cream together the softened butter, brown sugar, and granulated sugar until smooth and fluffy.
Add the eggs one at a time, mixing well after each addition, then stir in the vanilla extract.
In a separate bowl, whisk together the flour, baking soda, and salt. Gradually add this dry mixture to the wet mixture, stirring until just combined.
Fold in the chocolate chips and graham cracker crumbs, ensuring an even distribution throughout the dough.
Spread half of the cookie dough into the prepared baking pan, pressing it down evenly.
Evenly sprinkle the mini marshmallows over the dough layer, and then add the remaining cookie dough on top, spreading it out to cover the marshmallows.
Bake in the preheated oven for about 20–25 minutes, or until the edges are golden brown and a toothpick inserted into the center comes out mostly clean. The marshmallows may ooze a bit.
Allow the cookie bars to cool completely in the pan. Once cool, lift the bars out using the parchment overhang and cut into squares.
Serve warm with a scoop of vanilla ice cream and garnish with graham cracker crumbs and chocolate syrup.
Keyword cookie bars, dessert, s'mores
WANT TO SAVE THIS RECIPE?