Name: S'mores Cookie Bars Recipe
Prep time: 15 min
Cook time: 30 min
Total time: 45 min
Cuisine: American
Ingredients: 1 cup Unsalted Butter, softened; 1 cup Granulated Sugar; 1 cup Brown Sugar, packed; 2 Large Eggs; 1 tablespoon Vanilla Extract; 3 cups All-Purpose Flour; 1 teaspoon Baking Soda; 1/2 teaspoon Salt; 1 cup Semi-Sweet Chocolate Chips; 1 cup Mini Marshmallows; 1 cup Graham Cracker Crumbs; 1/2 cup Mini Chocolate Chips, for topping

↓ Jump to Recipe

I am absolutely obsessed with this S'mores Cookie Bars Recipe because it perfectly captures that nostalgic campfire treat in an incredibly convenient, shareable form. The gooey marshmallows, melty chocolate, and crumbly graham cracker base all come together to create a bar that’s chewy, sweet, and utterly irresistible. Whenever I want a dessert that’s both fun and comforting, these bars are my go-to indulgence, and I know you’ll feel the same once you try them.

Why You'll Love This S'mores Cookie Bars Recipe

What really makes this recipe stand out to me is the brilliant balance of flavors and textures—gooey marshmallows melting into pockets of rich chocolate with that subtle crunch from graham cracker crumbs. It’s like a s’more you can eat without a campfire, no skewers needed. I love how every bite reminds me of cozy evenings spent outdoors but with a sweet, homey twist that feels just right for any time of year.

Another thing I appreciate is how straightforward the process is. You don’t need any fancy kitchen equipment or complicated steps. It’s basically mixing, folding, and baking, which means I can whip these up even on busy days without feeling overwhelmed. Sharing them at parties, potlucks, or even casual family dinners always evokes smiles, making these cookie bars a crowd-pleaser that’s both delicious and effortless.

Ingredients You'll Need

A stack of three thick, square cookie bars with a golden-brown base and texture showing bits of melted chocolate chips throughout each layer. The top layer is covered with a light, creamy white frosting that looks soft and smooth, topped with extra scattered chocolate chips both on top and around the base. The stack sits on a light wooden surface against a plain white background with a clean look. Photo taken with an iphone --ar 4:5 --v 7

Each ingredient in this recipe plays a special role—whether it’s providing the right texture, sweetness, or that classic s’mores flavor. Using simple pantry staples allows the real stars—the chocolate, marshmallows, and graham crackers—to shine through perfectly.

Quick Tip

All ingredient amounts are listed in the recipe card below

Unsalted Butter: Softened butter lends moisture and richness to the cookie bars.

Granulated Sugar: Adds sweetness and helps with the light texture.
Brown Sugar: Gives a subtle caramel flavor and chewiness.
Large Eggs: Bind everything together and add structure.
Vanilla Extract: Enhances the overall flavor with a warm, aromatic note.
All-Purpose Flour: Forms the base of the dough and gives the bars their body.

Baking Soda: Leavens the bars slightly for the perfect texture.
Salt: Balances the sweetness and elevates flavors.
Semi-Sweet Chocolate Chips: Provide melty chocolate pockets throughout.
Mini Marshmallows: Melt during baking, giving the gooey s’mores effect.
Graham Cracker Crumbs: Add classic s’mores flavor plus a bit of crunch.

Mini Chocolate Chips (for topping): Create a melty, chocolatey finish on top.

Directions

Step 1: Preheat your oven to 350°F (175°C). Grease a 9x13-inch baking dish or line it with parchment paper for an easy, mess-free removal later on.

Step 2: In a large mixing bowl, cream together the softened butter, granulated sugar, and brown sugar until you get a light and fluffy texture—this usually takes about 3-4 minutes with an electric mixer.

Step 3: Add the eggs one at a time, mixing well after each addition. Then stir in the vanilla extract to infuse the batter with that classic warm flavor.

Step 4: In a separate bowl, whisk together the all-purpose flour, baking soda, and salt to ensure even distribution before adding them to the wet ingredients.

Step 5: Gradually add the dry ingredients to the wet mix, stirring gently until just combined. Be careful not to overmix here—overworking can make your bars tough.

Step 6: Fold in the semi-sweet chocolate chips, mini marshmallows, and graham cracker crumbs evenly into the batter for that iconic s’mores texture and flavor combo.

Step 7: Pour the dough into the prepared baking dish, spreading it out evenly with a spatula. Press down gently on the surface to compact the dough slightly.

Step 8: Sprinkle the mini chocolate chips on top to create that melty chocolate topping and pop of texture.

Step 9: Bake in the preheated oven for 25 to 30 minutes. Look for golden brown edges and a toothpick inserted in the center that comes out with just a few moist crumbs—avoid fully clean as you want the bars chewy.

Step 10: Let the bars cool in the pan for at least 10 minutes to set properly. If you used parchment paper, lift them out and transfer to a wire rack to cool completely before slicing into squares.

Servings and Timing

This S'mores Cookie Bars Recipe makes approximately 24 generous servings, perfect for satisfying a crowd or for keeping a stash of treats around the house. Prep time clocks in at about 15 minutes, which is incredibly quick for such a satisfying dessert. Cooking takes 30 minutes, so you’re looking at a total time of around 45 minutes from start to finish—including that essential cooling period, which ensures clean slices and a perfect chewy texture that melts in your mouth.

How to Serve This S'mores Cookie Bars Recipe

A tray of square toasted s'mores bars neatly arranged on light brown parchment paper, each bar showing a golden brown cookie layer on top with visible soft, melted white marshmallows and dark chocolate chips peeking through underneath. The bars have a slightly crunchy texture on top, and the marshmallows appear slightly puffy and soft. A black spatula is placed to the side on the parchment paper. The background is a white marbled surface. photo taken with an iphone --ar 4:5 --v 7

I love serving these bars slightly warm when the marshmallows and chocolate are still delightfully gooey—there’s something magical about that melt-in-your-mouth experience. They’re fantastic straight out of the oven with a scoop of vanilla ice cream or a dollop of whipped cream for extra indulgence. If you prepare them in advance, just warming them up for 10-15 seconds in the microwave revives that fresh-baked feeling beautifully.

For presentation, slicing these into uniform squares and arranging them on a rustic wooden board is my favorite party trick. Garnishing with a sprinkle of crushed graham crackers or mini marshmallows adds an inviting touch that will have your guests reaching for seconds. These bars also pair wonderfully with a cup of hot cocoa or a rich coffee for a cozy dessert option, and for grown-ups, a glass of rich red wine or a creamy cocktail complements the chocolate and marshmallow notes perfectly.

These bars are ideal for family dinners, holiday gatherings, or casual get-togethers where you want something sweet but fuss-free. They hold up well at room temperature, making them great for packing into lunchboxes or taking on picnics, too. I usually recommend serving them in moderate portions—these bars are chewy and rich, so a little square goes a long way without feeling too heavy.

Variations

One of the best things about this S'mores Cookie Bars Recipe is how easily it adapts to different tastes and dietary needs. If you want to switch things up, try swapping the classic semi-sweet chocolate chips for dark, white, or even peanut butter chips for a new flavor dimension. Adding a handful of chopped nuts like pecans or walnuts brings a lovely crunchy contrast. For extra caramel notes, try drizzling some dulce de leche on top after baking.

If you're looking for a gluten-free version, substituting the all-purpose flour with a good-quality gluten-free blend usually works wonders without compromising texture. For those following a vegan diet, replacing the butter with vegan margarine, using flax eggs or commercial egg replacer, and dairy-free chocolate chips makes this recipe fully plant-based and still scrumptious.

Thinking outside the box, I’ve also experimented with baking these bars in muffin tins for perfectly portioned treats or even tweaking the cooking time slightly to create a softer, blondie-like texture. These little adventures keep the recipe fresh and exciting whenever I’m in the mood to try something new with a classic favorite.

Storage and Reheating

Storing Leftovers

Once cooled completely, I store leftover S'mores Cookie Bars in an airtight container at room temperature to keep them soft and chewy. They usually last beautifully for up to 3 days this way. If you want to keep them fresh longer, storing them in the refrigerator also works, but I recommend letting them come back to room temperature before serving to regain their ideal texture.

Freezing

These bars freeze wonderfully, which makes them a perfect make-ahead dessert. I like to cut them into squares first, then wrap each piece tightly in plastic wrap and place them in a freezer-safe container or zip-top bag. Frozen, they keep well for up to 3 months. When you’re ready to enjoy one, thaw at room temperature or gently warm in the microwave for about 20 seconds to bring back that melty gooeyness.

Reheating

To reheat, I find the microwave is best for a quick warm-up, but heating in a low oven at 300°F for about 5-7 minutes also restores that fresh-baked texture without drying the bars out. Avoid overheating, as excess heat can cause the marshmallows to burn and the chocolate to lose its luscious texture. Just a gentle warming revives their charm perfectly.

FAQs

Can I use large marshmallows instead of mini marshmallows in this recipe?

Yes, you can! If you only have large marshmallows on hand, simply chop them into smaller pieces so they distribute evenly throughout the bars. This helps achieve the gooey texture and prevents large marshmallow blobs from forming in one spot.

Do I have to use graham cracker crumbs or can I substitute something else?

Graham cracker crumbs are essential for that classic s’mores flavor and texture, but if you’re out, crushed digestive biscuits or vanilla wafer cookies can be a decent substitute. Just keep in mind the flavor will shift slightly, but it can still be delicious.

What is the best way to cut these bars without them crumbling?

Make sure the bars are completely cooled before cutting, preferably chilled for 30 minutes if you want super clean edges. Using a sharp knife and wiping it clean between cuts will help you get neat squares with minimal crumbling.

Can I make these bars ahead of time for a party?

Absolutely! These bars actually taste great the next day as the flavors meld beautifully overnight. Just store them in an airtight container at room temperature, and you can even warm them slightly before serving for that fresh-baked feel.

What can I serve alongside these bars to balance their sweetness?

I love pairing these bars with a tangy fruit like fresh strawberries or a citrusy salad to cut through the sweetness. A cup of unsweetened tea or coffee also offers a nice counterpoint that keeps the dessert experience balanced.

Conclusion

I truly believe this S'mores Cookie Bars Recipe is one of those magical treats that brings joy the moment you take your first bite. It’s simple to make, filled with nostalgic flavors, and perfect for sharing with loved ones any time you want to add a little sweetness and fun to your day. I can’t wait for you to try it and experience all the gooey, chocolaty goodness I’ve come to adore!

S'mores Cookie Bars Recipe

Why You'll Love This S'mores Cookie Bars Recipe