Imagine sinking your teeth into a soft, chewy cookie bar that perfectly captures the essence of a classic campfire treat. With gooey marshmallow, melty chocolate, and a touch of crunchy graham cracker, this delightful dessert offers a perfect blend of textures and flavors. It’s no wonder that these cookie bars are a hit with both kids and adults alike, making them a go-to for parties, family gatherings, or simply a cozy night in.
Not only are they simple to make, but they also evoke cherished memories of summer nights spent around a campfire. The sweet aroma that fills your kitchen as they bake is an irresistible invitation to indulge and enjoy.
Why You Will Love This Recipe
These cookie bars are all about joy and nostalgia. Here’s why you’ll want to whip up a batch:
- Quick and Easy: With straightforward steps, you’ll have these bars ready in no time.
- No Special Tools Needed: You can use basic kitchen equipment, making it accessible for everyone.
- Perfect for Sharing: These bars cut into neat squares, making them perfect for gatherings or lunchboxes.
- Customizable: You can easily adjust ingredients to match your preferences or what you have on hand.
- Decadent Flavor: The combination of chocolate, marshmallow, and graham cracker is a beloved classic.

Ingredients
Gather these simple ingredients to create your delicious cookie bars:
- 1/2 cup (8 Tbsp; 113g) unsalted butter, softened to room temperature
- 3/4 cup (150g) packed light or dark brown sugar
- 1 large egg, at room temperature
- 1 teaspoon pure vanilla extract
- 1 cup (125g) all-purpose flour (spooned & leveled)
- 1 cup (120g) graham cracker crumbs (about 8 full-sheet graham crackers)
- 1/2 teaspoon baking powder
- 1/4 teaspoon salt
- 1 cup (180g) semi-sweet chocolate chips
- 1 heaping cup marshmallow creme (store-bought "Fluff" or 1/2 recipe of homemade marshmallow creme)
Notes and substitutions:
For this recipe, unsalted butter is key to controlling the saltiness of your bars. However, if you only have salted butter on hand, you can use it—just reduce the added salt to a pinch. Additionally, you can substitute the semi-sweet chocolate chips with dark chocolate or even white chocolate, depending on your taste preference. These swaps can significantly change the sweetness and flavor profile of your dessert, making it more intense or lighter.
How to Make This Recipe Step by Step
-
Preheat your oven to 350°F (177°C) and line an 8-inch or 9-inch square baking pan with parchment paper. This will help the bars come out easily once they are cooled. The overhang will be useful for lifting them out later.
- Pro Tip: Make sure the parchment paper extends over the sides so you can grasp it to lift the bars out without damaging them.
-
In a large bowl, using a handheld or stand mixer fitted with a paddle attachment, cream together the softened butter and brown sugar on medium-high speed for about 3 minutes until smooth and fluffy. It’s important to get this mixture light and well-combined as it helps create a lighter texture for the bars.
- Pro Tip: If your butter is too soft and melty, it can lead to a greasy dough, so ensure it’s just at room temperature.
-
Add the egg and pure vanilla extract to the butter-sugar mixture. Beat until everything is well incorporated. Don’t worry if it looks slightly curdled; this is typical when mixing wet ingredients.
- Pro Tip: Scraping down the sides of the bowl helps everything blend evenly.
-
In a separate medium bowl, whisk together the all-purpose flour, graham cracker crumbs, baking powder, and salt. This ensures that the dry ingredients are evenly distributed before adding them to the wet ingredients, leading to a better texture.
- Pro Tip: Avoid over-mixing once you combine the wet and dry ingredients, as this could lead to tougher bars.
-
Pour the dry ingredients into the bowl with the wet ingredients. Beat until the mixture is just combined. The dough will be sticky, which is perfectly fine.
- Pro Tip: If the dough is overly sticky, you can chill it in the refrigerator for a few minutes to make it easier to handle.
-
Press or spread about 2/3 of the dough into the bottom of your prepared baking pan to form a thin layer. You can use your hands to help spread it evenly.
- Pro Tip: Wetting your hands slightly can help with spreading the sticky dough without it sticking to your fingers.
-
Carefully spread the marshmallow creme over the cookie dough layer, trying to get it as even as possible. This may be a little tricky, as the creme is quite sticky, but do your best!
- Pro Tip: If the marshmallow is too hard to spread, you can slightly microwave it for a few seconds to soften it.
-
Layer the chocolate chips evenly over the marshmallow layer. Then, mold the remaining cookie dough into flat pieces and place them on top of the chocolate chips. It’s okay if some marshmallow and chocolate are left exposed; this adds to the charm!
- Pro Tip: Don’t worry about perfection here; a rustic look often tastes better!
-
Bake in the oven for 25-30 minutes or until the top is lightly golden brown. Keep an eye on it towards the end, as baking times can vary depending on your oven.
- Pro Tip: Avoid opening the oven frequently, as this can lower the temperature and affect the baking process.
-
Once baked, remove the pan from the oven and let it cool on a wire rack. Allow the bars to cool completely in the pan to firm up before cutting them.
- Pro Tip: Cooling time is crucial to getting clean cuts when you slice your bars.
-
Lift the cookie bars out of the pan using the parchment overhang. Cut them into squares and serve.
- Pro Tip: Wipe the knife with a damp cloth between cuts for cleaner edges.
-
Store any leftovers covered at room temperature for up to one week, if they last that long!
- Pro Tip: You can store them in an airtight container to maintain freshness.

Serving Suggestions
These cookie bars are incredibly versatile and can be enjoyed at various occasions. Here are some ideas for serving:
- Pair with Drinks: Enjoy them with a glass of cold milk, a hot cup of coffee, or even a scoop of vanilla ice cream for an indulgent dessert.
- Perfect for Gatherings: These bars make excellent treats for potlucks, birthday parties, or BBQs. Their familiar taste will appeal to guests of all ages.
- Easy School Treats: Cut them into smaller squares for a sweet addition to school lunches or after-school snacks.
- Garnish Ideas: Consider drizzling extra chocolate or caramel on top for a fancy touch or sprinkling sea salt to enhance the flavor.
Storage and Reheating Tips
Proper storage will help extend the life of your delicious cookie bars:
- Refrigeration: Keep any uneaten bars in an airtight container at room temperature for up to a week. You can refrigerate them, but this may alter the texture.
- Freezing: For longer storage, freeze individually wrapped pieces. This keeps them fresh for up to three months. Just be sure to let them cool completely before wrapping them tightly in plastic wrap.
- Reheating: If you enjoy them warm, you can reheat individual squares in the microwave for about 10-15 seconds. This will restore some of the gooeyness!
Guaranteed Success Tips
To ensure your baking experience is a breeze, keep these tips in mind:
- Measure ingredients carefully, especially the flour and graham cracker crumbs, as too much can lead to dry bars.
- Always use room temperature eggs and butter for better mixing; this helps create a smooth batter.
- Don’t skip on preheating the oven; baking with a preheated oven is essential for even cooking.
- Avoid over-baking, as this will dry out the bars—look for that lovely golden color.
- Experiment with mix-ins like nuts or butterscotch chips based on your preferences!
Recipe Variations
Get creative with these fun variations to personalize your cookie bars:
- Nutty Crunch: Add 1/2 cup of chopped nuts (like walnuts or pecans) to the dough or on top for a delicious crunch.
- Fruit Flavor: Stir in a handful of dried fruits such as cranberries or cherries into the dough to add a fruity twist.
- Minty Fresh: Substitute half of the chocolate chips with mint chocolate chips for a refreshing flavor.
- Spicy Sweetness: Add a pinch of cinnamon or a splash of espresso powder to the batter to enhance flavor complexity.
- Cookie Dough Layer: For an extra indulgence, mix in ready-to-eat cookie dough pieces between the layers of chocolate and marshmallow.
Frequently Asked Questions
-
Why do my cookie bars come out dry?
If your bars are dry, you may have added too much flour or over-baked them. Make sure to measure ingredients accurately and start checking doneness a few minutes early. -
Can I use a different type of sugar?
Yes! While brown sugar gives a rich flavor, you can substitute it with granulated sugar. The texture may be slightly different, but they will still be delicious! -
What should I do if I can’t find marshmallow creme?
You can make homemade marshmallow creme by whipping up egg whites with sugar and corn syrup. Alternatively, mini marshmallows can be used, though they won’t spread evenly like the creme. -
Can I double the recipe?
Absolutely! Just be mindful to use a larger pan, and you might need to adjust baking time. Keep an eye on them as they bake. -
How do I know when they are done?
They are done when the edges are light golden brown, and a toothpick inserted into the center comes out mostly clean, with a few moist crumbs. -
How long do these bars last?
When stored correctly, they can last up to one week at room temperature and can be frozen for about three months. -
Can I make these gluten-free?
Yes! Use a gluten-free all-purpose flour blend in place of the regular flour. This will allow those with gluten sensitivities to enjoy these tasty bars too.
S’mores Cookie Bars
Soft and chewy cookie bars that combine the classic flavors of s’mores with gooey marshmallow, melty chocolate, and crunchy graham cracker.
- Total Time: 45 minutes
- Yield: 16 servings 1x
Ingredients
- 1/2 cup (8 Tbsp; 113g) unsalted butter, softened to room temperature
- 3/4 cup (150g) packed light or dark brown sugar
- 1 large egg, at room temperature
- 1 teaspoon pure vanilla extract
- 1 cup (125g) all-purpose flour (spooned & leveled)
- 1 cup (120g) graham cracker crumbs (about 8 full-sheet graham crackers)
- 1/2 teaspoon baking powder
- 1/4 teaspoon salt
- 1 cup (180g) semi-sweet chocolate chips
- 1 heaping cup marshmallow creme (store-bought ‘Fluff’ or 1/2 recipe of homemade marshmallow creme)
Instructions
- Preheat your oven to 350°F (177°C) and line an 8-inch or 9-inch square baking pan with parchment paper.
- Cream together the softened butter and brown sugar on medium-high speed for about 3 minutes until smooth and fluffy.
- Add the egg and pure vanilla extract to the butter-sugar mixture, beating until well incorporated.
- Whisk together the all-purpose flour, graham cracker crumbs, baking powder, and salt in a separate bowl.
- Pour the dry ingredients into the bowl with the wet ingredients and beat until just combined.
- Press or spread about 2/3 of the dough into the bottom of your prepared baking pan.
- Spread the marshmallow creme over the cookie dough layer.
- Layer the chocolate chips evenly over the marshmallow layer and mold the remaining cookie dough on top.
- Bake in the oven for 25-30 minutes or until the top is lightly golden brown.
- Remove the pan from the oven and let it cool on a wire rack before cutting into squares.
Notes
Use unsalted butter for better control over saltiness. Semi-sweet chocolate chips can be substituted with dark or white chocolate.
- Prep Time: 15 minutes
- Cook Time: 30 minutes
- Category: Dessert
- Method: Baking
- Cuisine: American
- Diet: Vegetarian
Nutrition
- Serving Size: 1 square
- Calories: 290
- Sugar: 20g
- Sodium: 200mg
- Fat: 10g
- Saturated Fat: 6g
- Unsaturated Fat: 4g
- Trans Fat: 0g
- Carbohydrates: 43g
- Fiber: 1g
- Protein: 3g
- Cholesterol: 30mg
