Name: Cookie S'mores Bars
Prep time: 15 min
Cook time: 30 min
Total time: 45 min
Cuisine: American
Ingredients: 1 cup unsalted butter, softened; 1 cup brown sugar; 1/2 cup granulated sugar; 2 large eggs; 2 teaspoons vanilla extract; 2 cups all-purpose flour; 1 teaspoon baking soda; 1/2 teaspoon salt; 1 cup graham cracker crumbs; 1 can sweetened condensed milk, 14 ounces; 2 cups semi-sweet chocolate chips; 3 cups mini marshmallows

Do you ever want a dessert that feels like a campfire treat and a bakery bar all at once? Cookie S’mores Bars bring together everything people love about classic s’mores, but in a thicker, richer, sliceable form that is easy to bake and even easier to share.

Each bite gives you a buttery cookie base, a soft layer of melted chocolate, and a golden marshmallow topping with that toasted look everyone reaches for first. These bars are simple enough for a casual weekend bake, but they also have the kind of gooey, crowd-pleasing texture that makes them perfect for parties, potlucks, and family dessert trays.

Preparation Phase & Tools to Use

Getting organized before you start makes Cookie S’mores Bars much easier to bake evenly. Since this dessert has distinct layers, a little prep helps keep the cookie base tender, the chocolate smooth, and the marshmallow topping beautifully toasted.

A 9×13-inch baking pan is the most important tool because it gives the bars enough room to bake in even layers without becoming too thick in the center. Parchment paper matters just as much, since it helps you lift the bars out cleanly once they cool. A mixing bowl and hand mixer or sturdy whisk help you combine the dough without overworking it, which keeps the base soft instead of dense. Use measuring cups and spoons for balanced sweetness and structure, especially when working with flour and brown sugar.

A rubber spatula is useful for spreading the dough and smoothing each layer into the corners of the pan. A small offset spatula or spoon also helps when distributing chocolate evenly. Finally, keep a cooling rack ready so the pan can cool faster, which makes slicing cleaner and helps the chocolate settle into that perfect fudgy layer.

Every ingredient in Cookie S’mores Bars plays a real role in creating the familiar s’mores flavor and the soft, gooey texture that makes these bars so satisfying.

Unsalted butter gives the base richness and helps create a soft, tender cookie layer.

Brown sugar adds moisture and a deeper caramel note that pairs beautifully with chocolate and marshmallow.

Granulated sugar balances the sweetness and helps the dough bake with a light golden finish.

Eggs bring structure to the bars so they hold together when sliced.

Vanilla extract rounds out the sweetness and makes the cookie layer taste warmer and fuller.

All-purpose flour forms the body of the dough and supports the layered texture.

Baking soda gives the base a gentle lift so it bakes soft instead of heavy.

Salt sharpens the flavor and keeps the bars from tasting flat.

Graham cracker crumbs bring in that unmistakable s’mores character and add a slightly sandy crunch to the crust-like base.

Sweetened condensed milk helps create a luscious, chewy middle and adds extra richness.

Chocolate chips or chopped semi-sweet chocolate melt into the center and provide the classic gooey chocolate layer every s’mores dessert needs.

Mini marshmallows create the soft, toasted top that gives these bars their signature finish.

A little patience with the layers is what makes these bars bake up neatly while still staying gooey in the middle.

Step 1: Prep the Pan and Oven

Preheat your oven to 350°F. Line a 9×13-inch baking pan with parchment paper, leaving a bit of overhang on the sides so the bars can be lifted out later. Lightly grease the parchment if needed.

In a large bowl, cream the butter, brown sugar, and granulated sugar until the mixture looks smooth and fluffy. Beat in the eggs and vanilla extract. Add the flour, baking soda, salt, and graham cracker crumbs, then mix just until a soft dough forms.

Step 3: Press in the First Layer

Press about two-thirds of the dough into the prepared pan. Work it into an even layer so the base bakes consistently from edge to center. This bottom layer should be firm enough to support the chocolate and marshmallow topping.

Step 4: Add the Gooey Chocolate Layer

Pour the sweetened condensed milk evenly over the dough layer. Sprinkle the chocolate chips across the top so every slice gets a rich chocolate center. Spread gently if needed, but do not press too hard into the dough.

Step 5: Finish with Marshmallows and Dough

Scatter the mini marshmallows evenly over the chocolate. Take the remaining cookie dough and flatten small pieces between your fingers, then place them across the top. You want some of the marshmallow to stay visible so the bars get that toasted s’mores look.

Step 6: Bake Until Golden

Bake for 25 to 30 minutes, or until the top is golden and the marshmallows are lightly toasted. The center may still look a little soft, which is exactly what you want for gooey bars.

Step 7: Cool Before Slicing

Let the bars cool completely in the pan. This step is important because the chocolate layer needs time to set enough for clean slices. Once cooled, lift them out with the parchment and cut into squares.

Cookie S’mores Bars are best served once the chocolate has set slightly but the center still feels soft and rich. They are delicious at room temperature, and if you want an even more molten texture, you can warm a bar for a few seconds in the microwave before serving. For an extra indulgent dessert, pair them with vanilla ice cream or a glass of cold milk.

Store the bars in an airtight container at room temperature for up to 3 days. If your kitchen runs warm, refrigerate them to keep the chocolate layer firm. They will keep well in the fridge for about 5 days. For longer storage, wrap individual bars and freeze them for up to 2 months. Let them thaw at room temperature or warm briefly before eating.

Frequently Asked Questions

Can I use milk chocolate instead of semi-sweet chocolate?

Yes, you can. Milk chocolate gives the bars a sweeter, more classic campfire-style flavor, while semi-sweet keeps the dessert a little more balanced.

Do I have to use graham cracker crumbs?

They are highly recommended because they give the bars their signature s’mores taste. Without them, the dessert will still be good, but it will feel more like a chocolate marshmallow cookie bar.

Why do my bars seem too soft after baking?

That usually means they need more cooling time. The chocolate and condensed milk layer set as the bars cool, so slicing too early can make them seem underbaked.

Yes. These bars are a great make-ahead dessert because they slice well after cooling and hold their texture nicely the next day.

Can I toast the marshmallows more?

If you want a darker top, you can broil the bars for a very short time at the end. Watch closely because marshmallows can brown very fast.

Can I add extra mix-ins?

Yes. Chopped chocolate chunks, crushed graham crackers, or even a light sprinkle of flaky salt can all work well without changing the dessert too much.

Want More Dessert Bar Ideas?

If you love layered treats with plenty of chocolate and texture, you might also enjoy these dessert ideas from LadyPlate. The Chocolate Peanut Butter Dream Bars are a great pick when you want another rich, sliceable dessert with a creamy center. For more campfire-inspired flavor, the Decadent Chocolate S’mores Cupcakes carry that same toasted marshmallow and chocolate combination in cupcake form.

For no-bake variety, the No-Bake Banana Pudding Cheesecake is a smooth and creamy option that works well for gatherings. If you enjoy airy sweets with a crisp finish, the Easy Jello Meringue Cookies bring something lighter to the dessert table. And for another cookie-based treat with great texture, the Rice Krispie Chocolate Chip Cookies are worth saving for your next baking day.

Pin and Tell Me How Yours Turned Out

You can save Cookie S’mores Bars to your dessert boards for the next time you need an easy recipe that feels fun, gooey, and shareable. It is one of those desserts that looks impressive on a plate without asking for complicated steps.

If you make it, I would love to hear how it turned out. Did you go with milk chocolate or semi-sweet? Did you toast the marshmallow topping a little darker? Leave a comment and share your spin on it.

You can also find more daily dessert inspiration on LadyPlate Pinterest.