Name: S’mores Cookie Bars Recipe
Prep time: 20 min
Cook time: 30 min
Total time: 3 h
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 of homemade marshmallow creme)

Jump to Recipe· 4.1 from 1 review

If you’ve ever wished you could capture the magic of a campfire classic in an easy-to-make kitchen treat, then this S’mores Cookie Bars Recipe is exactly what you need. Chewy cookie dough blended with crunchy graham cracker crumbs, layers of luscious marshmallow creme, and melty semi-sweet chocolate chips come together in one irresistible bar. Each bite delivers nostalgic s’mores flavors in a portable, shareable form that’s perfect for any occasion. It’s truly a crowd-pleaser that transforms a beloved summer treat into a year-round indulgence.

Ingredients You’ll Need

The image shows two clear glass bowls on a white marbled surface. The left bowl contains smooth, fluffy white whipped cream with a silver whisk resting inside, showcasing soft peaks and a light texture. The right bowl holds a thick, light brown dough with a slightly grainy texture, being stirred by a white spatula with a red and black design on its edge. Both bowls show signs of recent mixing with slight smudges on the sides. Photo taken with an iphone --ar 4:5 --v 7

Nothing fancy here—just simple, timeless ingredients that combine beautifully to give you the perfect texture and flavor balance in these bars. Each component plays a starring role, from the rich butter adding creaminess to the graham cracker crumbs for that authentic crunch and flavor.

Unsalted butter (1/2 cup, softened): Softened for easy creaming with the sugar and to create tender cookies.
Light or dark brown sugar (3/4 cup): Packed tightly to give moisture and deepen the flavor with caramel notes.
Large egg (1, room temperature): Helps bind the dough and adds richness.
Pure vanilla extract (1 teaspoon): Enhances the sweetness and gives warmth to the cookie base.
All-purpose flour (1 cup, spooned and leveled): The main structure builder for the cookie bars.
Graham cracker crumbs (1 cup): Adds authentic s’mores crunch and flavor.
Baking powder (1/2 teaspoon): Provides a slight lift to keep the bars from being too dense.
Salt (1/4 teaspoon): Balances sweetness and intensifies overall flavor.
Semi-sweet chocolate chips (1 cup): Melty pockets of classic chocolate goodness.
Marshmallow creme (1 heaping cup): The gooey, dreamy element that mimics roasted marshmallows perfectly.

How to Make S’mores Cookie Bars Recipe

Step 1: Prepare Your Baking Pan and Oven

Start by preheating your oven to 350°F (177°C), making sure it reaches the perfect temperature for baking these cookie bars evenly. Line an 8-inch or 9-inch square baking pan with parchment paper, leaving enough overhang on the sides. This trick will make it so much easier to lift the bars out once they’re cooled, avoiding any crumbly messes.

Step 2: Cream Butter and Sugar

Using a mixer fitted with a paddle attachment, cream the softened butter and packed brown sugar together on medium-high speed for about 3 minutes. This step is crucial because it incorporates air which leads to tender bars. Don’t worry if the mixture looks a little curdled after adding the egg and vanilla extract; that’s just how it should be. Just beat until everything is well combined and smooth.

Step 3: Mix Dry Ingredients

In a separate bowl, whisk the all-purpose flour, graham cracker crumbs, baking powder, and salt together. This ensures even distribution of the leavening and the salty balance. Then, gradually add the dry mixture to your wet ingredients and mix on medium speed until just combined, careful not to overmix for tender bars.

Step 4: Assemble the Layers

Press about two-thirds of the cookie dough evenly into the bottom of your prepared pan, forming a thin but even layer. The dough will be sticky, so using your hands here is perfectly fine. Spread the marshmallow creme carefully on top of this base layer; it’s thick and sticky but getting a fairly even spread matters for consistent gooeyness. Sprinkle the semi-sweet chocolate chips over the marshmallow layer. Finally, flatten the remaining dough into pieces and gently place them on top, allowing some marshmallow and chocolate to peek through. This rustic layering adds to the charm and gooey texture.

Step 5: Bake to Perfection

Bake for 25 to 30 minutes, or until the top layer turns lightly golden brown. This golden tint signals that the cookie dough is cooked through but still soft inside, and the marshmallow and chocolate have melded gorgeously. Once baked, remove the pan and place it on a wire rack to cool completely; patience here helps the bars set and become easier to cut.

Step 6: Slice and Enjoy

Use the parchment paper overhang to lift the entire block from the pan. Transfer to a cutting board and slice into 16 neat squares. These bars hold together well but remain wonderfully chewy and gooey on the inside. Now, all that’s left is sharing and savoring the fantastic blend of s’mores flavors!

How to Serve S’mores Cookie Bars Recipe

A close-up of three stacked dessert bars, each with two main layers; the bottom layer is thick, crumbly, golden brown with a soft texture, and the top layer is a mix of white, fluffy marshmallow with dark melted chocolate chips unevenly spread. The marshmallow layer looks slightly toasted with a rough surface, and large dark chocolate chunks can be seen on the top edges. The bars are placed on a surface with a few scattered chocolate chips around them, all set against a white marbled background. Photo taken with an iphone --ar 4:5 --v 7

Garnishes

For an extra touch of decadence, sprinkle a light dusting of powdered sugar over the bars before serving. If you’re feeling crafty, add a few mini marshmallows toasted quickly with a kitchen torch for that campfire vibe right on your countertop. A drizzle of warm chocolate sauce on top will elevate these bars into pure luxury.

Side Dishes

These bars are rich and filling, so pairing them with something light like fresh strawberries or a scoop of vanilla ice cream makes a perfect balance. A glass of cold milk or a cup of rich coffee or hot cocoa amplifies the nostalgia and indulgence.

Creative Ways to Present

Serve them on a rustic wooden board with some extra graham crackers and chocolate chunks for a DIY s’mores platter. Wrap individual bars in parchment paper tied with twine for a charming gift, or layer them in clear containers with wax paper to show off those ooey-gooey marshmallow layers.

Make Ahead and Storage

Storing Leftovers

These S’mores Cookie Bars keep wonderfully at room temperature. Place them in an airtight container to maintain their chewy texture and prevent the marshmallow from drying out. They’ll stay perfectly fresh for up to one week, making them ideal for make-ahead snacking or parties.

Freezing

If you want to enjoy these treats later, wrap individual bars tightly in plastic wrap, then place them in a freezer-safe bag or container. They freeze beautifully for up to three months. When it’s time to indulge, just thaw them overnight in the refrigerator.

Reheating

To bring back that freshly-baked warmth, pop a thawed bar in the microwave for about 10-15 seconds or warm it in a low oven (around 300°F) for 5-7 minutes. This will soften the chocolate and marshmallow to melt-in-your-mouth perfection.

FAQs

Can I use homemade marshmallow creme instead of store-bought?

Absolutely! Homemade marshmallow creme works wonderfully and can enhance the flavor with its freshness. Just be sure it’s slightly cooled before spreading to avoid melting the cookie dough too much.

What type of chocolate is best for these bars?

Semi-sweet chocolate chips are the classic choice for S’mores Cookie Bars Recipe, striking a perfect balance of sweetness and richness. However, feel free to experiment with dark or milk chocolate chips based on your preference.

Can I make these bars gluten-free?

Yes, by swapping the all-purpose flour for a gluten-free all-purpose blend and ensuring your graham cracker crumbs are gluten-free, you can enjoy a gluten-free version without sacrificing taste or texture.

Why does the dough look curdled after adding the egg?

This is normal and nothing to worry about. The curdling happens because the butter and sugar mixture reacts with the egg, but it will all come together once the dry ingredients are added and mixed.

How do I prevent the marshmallow creme from melting into the cookie dough?

Spread the marshmallow creme gently and as evenly as possible over the dough layer. It’s meant to be sticky and gooey, so a little melting is natural. Using chilled dough can also help keep layers distinct while assembling.

Final Thoughts

There’s something deeply satisfying about biting into a bar that captures all the best parts of a classic campfire treat, and this S’mores Cookie Bars Recipe does just that while being so straightforward to make. Whether you’re sharing them with friends, packing them for a potluck, or keeping them all to yourself, these bars deliver pure, gooey happiness by the square. Give it a try and bring a little sunshine and smiles into your kitchen any time of year!