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 absolutely adore this S'mores Cookie Bars Recipe because it captures all the joy of classic campfire s'mores in an easy, shareable dessert. These bars are soft, gooey, and delightfully chocolatey, layered with melty marshmallows and that irresistible crunch of graham cracker crumbs. Whenever I want a cozy treat that feels like a warm hug, these bars are my go-to. They’re perfect for potlucks, family gatherings, or simply indulging on a chilly afternoon with a cup of coffee in hand.

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

What truly makes this recipe special to me is the harmony of flavors and textures that remind me of a perfect s'mores experience, but in the convenience of a cookie bar. The buttery cookie base combined with pockets of melted chocolate and fluffy marshmallows offers a nostalgic taste with a satisfying chew. The subtle hint of vanilla and the slight crunch from the graham cracker crumbs elevate the bars to something truly delicious and unforgettable.

Another thing I love about this S'mores Cookie Bars Recipe is how simple and straightforward it is to make. Even if you’re not an experienced baker, these bars come together quickly and require no fancy techniques. You just mix, fold, and bake while your kitchen fills with that heavenly aroma. Plus, they're fantastic for any occasion—family dinners, casual get-togethers, or a fun weekend baking project. I honestly can’t get enough of how they turn out every single time!

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

For this recipe, I stick to a handful of simple ingredients that each play a key role in delivering the perfect flavor and texture. From the rich, creamy butter to the sweet marshmallows and crunchy graham cracker crumbs, every component is essential for those classic s'mores vibes.

Quick Tip

All ingredient amounts are listed in the recipe card below

Unsalted Butter: Using softened butter helps achieve that perfect creamy and tender cookie base.

Granulated Sugar: Adds crisp sweetness to balance the richness.
Brown Sugar: Gives moisture and a nice caramel hint to the bars.
Large Eggs: Provide structure and help bind all the ingredients together.
Vanilla Extract: Brings warmth and depth to the flavor.
All-Purpose Flour: The foundation that holds the bars together.
Baking Soda: Helps the bars rise slightly for a better texture.

Salt: Enhances all the sweet flavors perfectly.
Semi-Sweet Chocolate Chips: Melty pockets of chocolate mingling in every bite.
Mini Marshmallows: Add ooey-gooey softness that’s so fun to bite into.
Graham Cracker Crumbs: For that nostalgic crunch and authentic s'mores taste.

Mini Chocolate Chips (for topping): A pretty finishing touch with even more chocolatey goodness.

Directions

Step 1: Preheat your oven to 350°F (175°C). Grease a 9x13-inch baking dish or line it with parchment paper to ensure your bars lift out easily once baked.

Step 2: In a large mixing bowl, cream together the softened butter, granulated sugar, and brown sugar until the mixture becomes light and fluffy. This usually takes about 3 to 5 minutes with a hand mixer or stand mixer.

Step 3: Add the eggs one at a time to the butter and sugar mixture, beating well after each addition to fully incorporate them. Then stir in the vanilla extract for that lovely aroma and flavor boost.

Step 4: In a separate bowl, whisk together the all-purpose flour, baking soda, and salt. This step ensures your leavening is evenly distributed.

Step 5: Gradually add the dry ingredients to the wet ingredients, folding gently until just combined. Be careful not to overmix here—you want tender bars, not tough ones.

Step 6: Fold in the semi-sweet chocolate chips, mini marshmallows, and graham cracker crumbs, making sure everything is evenly distributed throughout the dough for perfect bites every time.

Step 7: Pour the cookie dough evenly into your prepared baking dish and spread it out, pressing down gently to compact the batter so it bakes evenly.

Step 8: Sprinkle the mini chocolate chips on top for an extra chocolate punch and a pretty finish.

Step 9: Bake in the preheated oven for 25-30 minutes, until the edges are a beautiful golden brown and a toothpick inserted into the center comes out with just a few moist crumbs attached. Avoid overbaking to keep them soft and gooey.

Step 10: Let the bars cool in the baking dish for at least 10 minutes. If you used parchment paper, lift the whole batch out carefully and transfer to a wire rack to cool completely before cutting into squares.

Servings and Timing

This S'mores Cookie Bars Recipe makes about 24 generous servings, perfect for sharing with a crowd or saving some for later. The prep time is approximately 15 minutes, which means minimal hands-on effort. Baking time ranges from 25 to 30 minutes, depending on your oven—keep an eye to avoid overbaking. Including cooling, the whole process takes about 45 minutes, so you can have a tray of warm, gooey bars ready in under an hour. Cooling is key here to allow the bars to set up and slice neatly.

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

When it comes to serving these bars, I love offering them slightly warm so the marshmallows and chocolate are still soft and melty. You can reheat them gently in the microwave or oven for a few seconds to bring back that ooey-gooey goodness. They’re such a fantastic dessert pairing with a tall glass of cold milk—classic and comforting!

If you’re serving them at a party or family gathering, I like to arrange the bars on a large platter sprinkled lightly with extra graham cracker crumbs or a drizzle of melted chocolate for an elegant presentation. They also pair wonderfully with fresh berries or a scoop of vanilla ice cream for a little something extra special. For casual occasions, these bars stand out as a nostalgic favorite that always gets compliments.

For beverages, I find that a cup of dark coffee or a creamy hot chocolate complements the sweetness perfectly. For grown-ups, a glass of fruity red wine or a milk-based cocktail like a White Russian can make the experience even more indulgent. Whether you’re serving these at a backyard barbecue, holiday party, or simply treating yourself on a cozy evening, these bars never disappoint.

Variations

Over time, I’ve experimented with this S'mores Cookie Bars Recipe to suit different tastes and dietary needs. One of my favorite twists is swapping out the semi-sweet chocolate chips for chunks of dark or milk chocolate for a richer or smoother chocolate flavor. You can also mix in some chopped nuts for extra crunch if you like.

If you need gluten-free options, try using a gluten-free all-purpose flour blend in place of regular flour; it works beautifully and keeps that tender, chewy texture. For a vegan version, substitute the butter with coconut oil or vegan margarine, and use a flax or chia egg instead of regular eggs. There are also vegan marshmallows available now that hold up well in baking.

For a playful flavor variation, adding a handful of crushed peppermint candies during the winter season creates a festive twist. You can even experiment by baking these as smaller individual cookies instead of bars if you want easy grab-and-go treats or to share with a crowd in bite-sized portions. The recipe is flexible and forgiving, so have fun making it your own!

Storage and Reheating

Storing Leftovers

After enjoying your fresh batch, I usually store any leftovers in an airtight container at room temperature for up to 3 days. This keeps the bars soft and delicious. If your kitchen is warm or humid, storing them in the fridge will extend their freshness, but you might want to reheat slightly before serving because refrigeration can firm up the marshmallow and chocolate.

Freezing

This S'mores Cookie Bars Recipe freezes very well, which makes it perfect for prepping ahead. Wrap individual bars tightly in plastic wrap and place them in a freezer-safe container or zip-top bag. They will keep in the freezer for up to 3 months. When you're ready to enjoy, just thaw them overnight in the refrigerator or warm them for 20-30 seconds in the microwave for a fresh-out-of-the-oven experience.

Reheating

To bring these bars back to their melty, soft glory, I recommend reheating gently in the microwave for about 15 to 20 seconds or warming in a 300°F (150°C) oven for about 5 minutes. Avoid reheating too long or at too high a temperature, as this can dry them out or cause the marshmallows to harden. A quick warm-up is all it takes to revitalize the gooey layers.

FAQs

Can I use regular-sized marshmallows instead of mini marshmallows?

Yes, you can! I recommend cutting regular marshmallows into smaller pieces before folding them into the dough so they distribute evenly and melt nicely without leaving large gooey blobs.

Do I need to chill the dough before baking these bars?

Chilling isn't necessary for this recipe since baking them as bars allows even cooking and a consistent texture. However, if your kitchen is warm, a short chill (15-20 minutes) can help the marshmallows stay intact during mixing.

Can I make these bars without graham cracker crumbs?

While the graham cracker crumbs add authentic flavor and texture, you could substitute with crushed digestive biscuits or an equal amount of finely chopped nuts for a different twist. Just keep in mind this will change the classic s'mores flavor slightly.

How do I prevent the marshmallows from burning during baking?

Keeping the marshmallows folded inside the dough helps protect them. The ones on top are minimal and should brown lightly but not burn if you monitor the baking time carefully. You can cover the bars with foil in the last few minutes if they seem to be browning too fast.

Can I double this recipe in a larger pan?

Absolutely! Just double all ingredients and bake in a 9x18-inch pan or two 9x13 pans. Bake time may need a few extra minutes, so keep a close eye and use the toothpick test to check for doneness.

Conclusion

I hope you’re as excited as I am to bake this S'mores Cookie Bars Recipe because it truly is a marvelous treat that brings together all the best parts of s'mores in a simple, satisfying way. Whether you’re sharing with friends or savoring a piece on your own, these bars have a magical way of making any moment a little sweeter. Go ahead, give them a try—you won’t regret it!

S'mores Cookie Bars Recipe

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