Name: S'mores Cookie Bars Recipe
Prep time: 15 min
Cook time: 30 min
Total time: 3 h 45 min
Cuisine: American
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 homemade marshmallow creme)

↓ Jump to Recipe

If you have ever dreamed of capturing the magic of a campfire treat in an easy-to-make dessert, you’re going to love this S'mores Cookie Bars Recipe. These bars bring together the perfect balance of crispy graham cracker crumbs, gooey marshmallow creme, and rich melted chocolate all baked into one irresistible sweet treat. Imagine biting into a chewy yet crunchy base topped with melty chocolate and fluffy marshmallow layers that echo those classic s’mores flavors but in a convenient, sliceable bar. It’s the kind of dessert that instantly brings back cozy memories or creates new ones with friends and family.

Ingredients You'll Need

A light blue square baking pan with brown parchment paper lining inside holds a thick layer of light brown dough evenly pressed and smoothed out with ridges across the surface. A white spatula with a wooden handle lays diagonally on top of the dough, with some dough clinging to the spatula's edge. The pan sits on a white marbled surface. photo taken with an iphone --ar 4:5 --v 7

Gathering your ingredients for this S'mores Cookie Bars Recipe is wonderfully simple yet essential for achieving those signature textures and flavors. Each item plays an important role from the buttery richness to the gooey marshmallow topping and the perfect hint of vanilla that rounds out the sweetness.

Unsalted butter (½ cup): Softened to room temperature to help achieve a creamy, tender cookie base.
Light or dark brown sugar (¾ cup): Packed for a deep molasses flavor and chewy texture.
Egg (1 large): At room temperature, it binds everything together while adding moisture.
Pure vanilla extract (1 tsp): Enhances and rounds out all the sweet flavors beautifully.
All-purpose flour (1 cup): Carefully spooned and leveled to create structure without heaviness.
Graham cracker crumbs (1 cup): About 8 full-sheet graham crackers crushed to bring authentic s’mores crunch and flavor.
Baking powder (½ tsp): Adds lift to keep the bars light and tender.
Salt (¼ tsp): Balances sweetness and enhances other flavors.
Semi-sweet chocolate chips (1 cup): Melts into gooey pockets of rich chocolate deliciousness.
Marshmallow creme (1 heaping cup): That sweet, fluffy, sticky magic that transforms these bars into a true s’mores-inspired crowd-pleaser.

How to Make S'mores Cookie Bars Recipe

Step 1: Prepare Your Pan and Oven

Start by preheating your oven to 350°F (177°C) and lining an 8-inch or 9-inch square baking pan with parchment paper. Make sure to leave enough overhang on the sides so you can easily lift the bars out after baking. This little step ensures clean edges and effortless removal, making your presentation look professional every time.

Step 2: Cream Butter and Sugar

In a large bowl, use a hand or stand mixer with the paddle attachment to cream the softened butter and packed brown sugar together on medium-high speed for about 3 minutes. This step is crucial as it aerates the mixture, giving your bars a tender and light texture. Don’t worry if the mixture looks curdled after adding the egg and vanilla—that’s perfectly normal and won’t affect the final outcome.

Step 3: Mix Dry Ingredients Separately

In a medium bowl, whisk together the all-purpose flour, graham cracker crumbs, baking powder, and salt. This ensures even distribution of the leavening agent and salt, which help your bars rise slightly and bring out the flavors. Combining dry ingredients separately also prevents overmixing once everything comes together.

Step 4: Combine Wet and Dry Mixtures

Pour the dry ingredients into the wet butter and sugar mixture, then beat on medium speed just until combined. Overmixing here can lead to tough bars, so mix until you no longer see dry patches. This dough will be sticky, which is exactly what you want for a chewy and soft base.

Step 5: Layer the Bars with Marshmallow and Chocolate

Press about two-thirds of the cookie dough evenly into the prepared pan using your hands if you need, as the dough can be sticky. Next, carefully spread the marshmallow creme over the dough layer—this may require a little patience as marshmallow creme is sticky but spreading it evenly is key to consistency in every bite. Sprinkle the chocolate chips evenly on top, then dollop the remaining cookie dough flat on top. Don’t worry if your top layer has gaps—this rustic look makes for melty pools of chocolate and marshmallow peeking through.

Step 6: Bake and Cool

Bake the bars for 25 to 30 minutes or until the top is a lovely light golden brown. As the bars bake, the marshmallow melts into sweet pockets, while the chocolate chips soften beautifully. Once done, place the pan on a wire rack and let the bars cool completely before lifting out and cutting into squares. Cooling helps the bars set perfectly and makes slicing easier without sticky mess.

How to Serve S'mores Cookie Bars Recipe

A stack of three square bars is shown on a light wooden surface with a white marbled background. Each bar has three visible layers: the bottom layer is golden brown and crumbly like a cookie or blondie, the middle layer is creamy white with soft texture, and the top layer is uneven with melted dark chocolate chips melting into the creamy layer along with some scattered chocolate chips on top. The bars look soft and chewy with a mix of rough and smooth textures, and some crumbs are scattered on the surface around them. Photo taken with an iphone --ar 4:5 --v 7

Garnishes

While these bars are delightful on their own, you can jazz them up by lightly dusting with powdered sugar for a pretty finish or adding a sprinkle of crushed graham crackers on top right before serving for extra crunch and visual appeal. Toasted mini marshmallows placed on the warm bars add an inviting, golden touch that screams classic s’mores.

Side Dishes

Pair these cookie bars with a tall glass of cold milk to balance their sweetness or serve alongside fresh berries for a refreshing contrast. For a cozy dessert, a scoop of vanilla ice cream melts wonderfully atop warm S’mores Cookie Bars, turning every bite into a decadent treat.

Creative Ways to Present

For parties, cut the bars into smaller bite-sized pieces and arrange them on a platter with little cocktail sticks for easy grabbing. You could also layer them in a beautiful glass trifle dish with whipped cream and crushed graham crackers for an impressive s’mores-inspired dessert parfait that looks as good as it tastes.

Make Ahead and Storage

Storing Leftovers

Once completely cooled, store any leftover S'mores Cookie Bars Recipe in an airtight container at room temperature. They will stay soft and fresh for up to one week, making them perfect to bake ahead for weekday treats or last-minute guests.

Freezing

If you want to save some for later, wrap individual bars tightly in plastic wrap and place them in a freezer-safe bag or container. Frozen bars keep well for up to three months; just thaw at room temperature when you’re ready to indulge.

Reheating

To revive that fresh-baked gooeyness, warm leftover bars in the microwave for about 10-15 seconds or pop them in a low oven at 300°F for 5 minutes. This melts the chocolate again and softens the marshmallow, delivering a freshly-made experience every time.

FAQs

Can I use regular marshmallows instead of marshmallow creme?

While marshmallow creme works best for spreading evenly, you can certainly use mini marshmallows, but you’ll want to sprinkle them in layers so they melt thoroughly during baking. Just keep an eye on the pan to avoid burning.

Is it possible to make the bars gluten-free?

Yes! Substitute the all-purpose flour with a gluten-free all-purpose blend and use gluten-free graham cracker crumbs. The texture might be slightly different, but the bars will still taste amazing.

Why does my dough look curdled after adding the egg?

This is completely normal and happens because of the temperature differences between the ingredients. As long as you continue mixing, your batter will come together perfectly once the dry ingredients are added.

Can I use milk or dark chocolate instead of semi-sweet chocolate chips?

Absolutely! Milk chocolate will add extra sweetness and creaminess, while dark chocolate will offer a richer, slightly bitter contrast. Feel free to customize based on your preference.

How thick should I press the cookie dough layer before baking?

Press about two-thirds of the dough into the pan forming a thin, even layer—roughly a half inch thick. This thin base ensures the chewy, crispy texture that balances perfectly with the marshmallow and chocolate toppings.

Final Thoughts

This S'mores Cookie Bars Recipe is a heartfelt embrace of all the nostalgia and joy that classic s’mores bring, but with the ease and convenience of an oven-baked treat. It’s one of those desserts that feels like a warm hug and is guaranteed to become a crowd favorite in your household. I encourage you to give it a try—you’ll find it’s as fun to make as it is delicious to eat.

S'mores Cookie Bars Recipe

Ingredients You'll Need