S’mores Cookie Bars: Gooey Goodness You Can’t Resist
When I think of my favorite indulgences, the first thing that comes to mind is the deliciously gooey S’mores Cookie Bars. These bars are a delightful fusion of rich chocolate, fluffy marshmallow, and crunchy graham crackers that will make your taste buds sing! They’re chewy, sweet, and loaded with protein—each bar packs in approximately 210 calories. I created this recipe during one of those hectic weeks when my family craved something fun and sweet but still wanted a little nutritional boost, making them perfect for after-school snacks or dessert.
I vividly remember the first time I made these S’mores Cookie Bars. It was a rainy Saturday afternoon, and my kids were bouncing off the walls with energy. As soon as I pulled them out of the oven, the entire house filled with an irresistible aroma, prompting my youngest to shout, “Are they ready yet?!” The key twist in my recipe is using mini marshmallows for that extra gooeyness that traditional recipes sometimes miss. To my delight, my teenagers devoured them so quickly that they asked for seconds—and even thirds—leaving me with just one lonely bar to enjoy myself!
Ingredients for the S’mores Cookie Bars
Each ingredient in this dish plays an essential role in flavor and texture. Here’s what you’ll need:
- 1 cup unsalted butter (softened): Provides richness and a tender crumb.
- 1 cup brown sugar (packed): Adds moisture and a deep caramel flavor.
- 1 cup granulated sugar: Contributes sweetness and helps the bars rise.
- 2 large eggs: Bind the ingredients together and add moisture.
- 1 teaspoon vanilla extract: Enhances the overall flavor profile with warmth.
- 2 cups all-purpose flour: Forms the structure of the cookie base.
- 1 teaspoon baking soda: Acts as a leavening agent for a lighter texture.
- 1 teaspoon salt: Balances sweetness and enhances all flavors.
- 1 cup chocolate chips (semi-sweet): Melts into gooey pockets of chocolate goodness.
- 1 cup mini marshmallows: Creates that iconic gooey texture synonymous with s’mores.
- 1 cup graham cracker crumbs: Infuses the bars with that classic s’mores flavor.
Step-by-Step Instructions
I recommend starting with preheating your oven to ensure it reaches the perfect temperature by the time you’re ready to bake your S’mores Cookie Bars — this way, everything comes together seamlessly.
Step 1: Preheat your oven to 350°F (175°C). While the oven is heating, grease a 9×13 inch baking pan thoroughly to prevent sticking. This step is crucial because a well-greased pan ensures that your cookie bars come out intact and easy to serve.
Step 2: In a mixing bowl, cream together the softened butter, brown sugar, and granulated sugar until smooth. Use an electric mixer on medium speed for about 2-3 minutes, as this builds air into the mixture and results in a lighter texture for your cookie bars. I find that using room temperature butter helps achieve that creamy consistency more easily.
Step 3: Add the eggs one at a time to the creamed mixture, mixing well after each addition. Then stir in the vanilla extract until fully incorporated. This gradual addition helps maintain the emulsion in your batter. I usually mix for another minute until everything looks perfectly blended; you want a uniform texture without any lumps.
Step 4: In another bowl, whisk together the flour, baking soda, and salt. Gradually add this dry mixture to the creamed mixture while mixing on low speed until just combined. Be careful not to overmix; you’ll end up with tough cookie bars instead of soft and gooey ones. I like to use a spatula towards the end just to fold in any stubborn bits of flour.
Step 5: Spread half of the cookie dough into the prepared baking pan evenly using a spatula or your hands — aim for a layer that’s about half an inch thick. This base will support all that delicious filling we’re about to add!
Step 6: Sprinkle the graham cracker crumbs evenly over the dough, followed by the chocolate chips and mini marshmallows. Make sure they are distributed well so every bite has that iconic s’mores flavor profile. I often use more chocolate chips than called for because my family loves it extra chocolaty!
Step 7: Drop spoonfuls of the remaining cookie dough over the filling, covering as much as possible but leaving some gaps for those marshmallows to peek through. It doesn’t have to be perfect; those little pockets will create delightful gooey spots when baked.
Step 8: Bake in your preheated oven for about 25 minutes or until golden brown around the edges and slightly soft in the center — trust me, you want that gooeyness! Allow them to cool completely before cutting into bars; this helps them set properly and makes serving easier without crumbling apart.
What to Serve with S’mores Cookie Bars
This dish is already incredibly filling and balanced, but these sides add extra variety and nutrition to round out your meal perfectly.
Fresh Berry Salad: A vibrant mix of strawberries, blueberries, and raspberries tossed with a light honey-lime dressing offers a refreshing contrast to the rich S’mores Cookie Bars. The tartness of the berries cuts through the sweetness while providing a boost of vitamins C and K. This salad is a go-to at our family gatherings, and it’s an easy way to sneak in some antioxidants for the kids.
Coconut Rice: Fluffy jasmine rice cooked with coconut milk adds a creamy texture that complements the chewiness of the cookie bars. The subtle sweetness and tropical flavor echo the dessert’s graham cracker base while adding healthy fats from the coconut. It’s one of my favorite meal prep options since it keeps well in the fridge and pairs wonderfully with various proteins throughout the week.
Guacamole with Tortilla Chips: Creamy guacamole made from ripe avocados, lime juice, and diced tomatoes provides healthy fats that balance out the sweet cookie bars. The crunch of tortilla chips adds an enjoyable texture contrast while keeping everyone satisfied with a savory touch after indulging in dessert. My family loves this combo as it transforms snack time into a fun dip experience!
Chocolate Hummus with Fruit Skewers: This unique twist on dessert features chocolate hummus served alongside fresh fruit skewers—think bananas, apples, and strawberries. The smooth chocolate flavor mirrors the cookie bars while providing extra protein from chickpeas (about 3 grams per serving) and fiber for added fullness. We often make this for movie nights when everyone wants something sweet without going overboard on calories.
Storage & Serving Tips
To store your S’mores Cookie Bars for meal prep, cut them into individual portions and place them in an airtight container. They will stay fresh in the fridge for up to 5 days. If you’re planning to save the components separately, store the cookie base in one container and the chocolate chips, mini marshmallows, and graham cracker crumbs in separate small containers. This way, you can maintain the texture of each component and keep everything fresh until you’re ready to enjoy them.
When reheating, place a portion of the S’mores Cookie Bar in a preheated oven at 350°F for about 5-7 minutes until warmed through. Avoid microwaving, as it can make the bars overly soft and lose their delightful texture. If you’re reheating just the cookie base, you can warm it in the oven for 8-10 minutes to regain some crispness; however, be cautious not to overdo it as this can dry out the bars.
Pro tip: To batch cook these S’mores Cookie Bars for the week, consider making a double batch on Sunday and portioning them into individual containers for easy grab-and-go snacks. Family members can self-assemble their own desserts by adding fresh mini marshmallows or extra chocolate chips on top just before enjoying. For ingredient variations throughout the week, swap semi-sweet chocolate chips for dark chocolate or use cinnamon graham cracker crumbs instead of regular ones for a twist. To keep your bars at their best during meal prep storage, always store chocolate chips and marshmallows separately until you’re ready to serve.
Conclusion
These S’mores Cookie Bars have become a staple in my kitchen, and I make them almost every week because they’re not only deliciously gooey but also provide 210 calories per serving without sacrificing flavor. The buttery cookie base elevates these bars above typical dessert recipes, creating a perfectly soft and chewy texture that pairs beautifully with the rich chocolate chips and fluffy marshmallows. Give this one a try this week; you won’t regret it! I promise it’ll become a regular rotation treat in your house too.
S'mores Cookie Bars
Ingredients
Method
- Preheat the oven to 350°F (175°C). Grease a 9x13 inch baking pan.
- In a mixing bowl, cream together the softened butter, brown sugar, and granulated sugar until smooth.
- Add the eggs one at a time, mixing well after each addition, then stir in the vanilla extract.
- In another bowl, whisk together the flour, baking soda, and salt. Gradually add to the creamed mixture, mixing until just combined.
- Spread half of the cookie dough into the prepared baking pan.
- Sprinkle the graham cracker crumbs evenly over the dough, followed by the chocolate chips and mini marshmallows.
- Drop spoonfuls of the remaining cookie dough over the filling, covering as much as possible.
- Bake in the preheated oven for 25 minutes or until golden brown. Allow to cool before cutting into bars.
