I still remember the first time I tried turning classic campfire s’mores into something I could bake at home. I wanted that same gooey marshmallow, melty chocolate, and graham cracker flavor—but in a form that was easy to slice, share, and enjoy without a fire pit. That’s how these Cookie S’mores Bars came to life in my kitchen.

What I love most about this recipe is how it transforms simple, nostalgic ingredients into a rich, bakery-style dessert. Each bite has layers of buttery cookie, soft marshmallow, and deep chocolate flavor, all baked into a perfectly chewy bar that feels both comforting and a little indulgent.
Why You’ll Love This Cookie S’mores Bars
These bars bring together everything that makes s’mores irresistible, but in a more convenient and crowd-friendly form. You don’t need to worry about open flames or assembling each piece individually—everything bakes together beautifully in one pan.
The texture is another reason I keep coming back to this recipe. The cookie layers are soft yet slightly crisp at the edges, while the center stays gooey with melted chocolate and marshmallow. It’s the perfect contrast that keeps every bite interesting.
They’re also incredibly versatile. Whether you’re making them for a party, a family treat, or just because you’re craving something sweet, they always hit the mark.
What Makes Cookie S’mores Bars So Irresistible?
The magic of Cookie S’mores Bars lies in their layers. Instead of the traditional graham cracker base, a soft cookie dough creates a richer, more indulgent foundation. This adds a buttery depth that pairs beautifully with the sweetness of the marshmallow.
The chocolate layer melts into a smooth, slightly fudgy center, while the marshmallow creates that signature stretchy, gooey texture everyone loves. When baked together, these layers form a dessert that’s both nostalgic and elevated at the same time.
Options for Substitutions
If you want to customize these bars, there are plenty of easy swaps you can make depending on what you have on hand or your personal taste.
You can switch out the chocolate chips for chunks of dark chocolate or even white chocolate for a different flavor profile. If you prefer a more classic s’mores taste, adding crushed graham crackers into the dough or as a layer works wonderfully.
For the marshmallow layer, mini marshmallows can be used instead of a marshmallow spread, giving you a slightly different texture with toasted pockets throughout. And if you’re looking to make the recipe a bit richer, a hint of peanut butter or caramel can be added between the layers for an extra indulgent twist.
Ingredients for this Cookie S’mores Bars
Butter
Butter is the base of the cookie dough, providing richness, moisture, and that soft, melt-in-your-mouth texture. Using softened butter ensures it creams well with sugar, creating a light and tender structure.
Brown Sugar
Brown sugar adds a deep, caramel-like sweetness and contributes to the chewy texture of the bars. The molasses content is key for that classic cookie flavor.
Granulated Sugar
This balances the sweetness and helps create slightly crisp edges on the cookie layers.
Eggs
Eggs bind everything together and add structure. They also help keep the bars soft and slightly gooey in the center.
Vanilla Extract
Vanilla enhances all the flavors, especially the chocolate and marshmallow, giving the bars a warm, bakery-style aroma.
All-Purpose Flour
Flour forms the structure of the cookie dough. It’s important to measure correctly to avoid dense or dry bars.
Baking Soda
This helps the dough rise slightly and keeps the texture soft instead of dense.
Salt
A small amount of salt balances the sweetness and intensifies the chocolate flavor.
Chocolate Chips or Chocolate Chunks
Chocolate is essential for that classic s’mores taste. It melts into a rich, gooey layer that contrasts beautifully with the cookie and marshmallow.
Marshmallow Creme or Mini Marshmallows
This creates the signature gooey layer. Marshmallow creme gives a smooth, even layer, while mini marshmallows create pockets of toasted sweetness.
Graham Crackers (Optional but Recommended)
Adding graham crackers gives that authentic s’mores flavor and a slight crunch that complements the soft layers.

Step 1: Prepare Your Baking Pan
Start by preheating your oven to 350°F (175°C). Line a baking pan (usually 9×13 inches) with parchment paper, leaving some overhang for easy removal later. Lightly grease the paper to prevent sticking.
Step 2: Make the Cookie Dough Base
In a large bowl, cream together the softened butter, brown sugar, and granulated sugar until the mixture is light and fluffy. This step is crucial because it incorporates air, which helps create a soft texture.
Add the eggs one at a time, mixing well after each addition. Stir in the vanilla extract until fully combined.
Step 3: Combine the Dry Ingredients
In a separate bowl, whisk together the flour, baking soda, and salt. Gradually add this mixture to the wet ingredients, mixing just until combined. Avoid overmixing, as it can make the bars tough.
Step 4: Assemble the Bottom Layer
Press about half of the cookie dough evenly into the prepared baking pan. Use your hands or a spatula to create a smooth, even layer. This forms the sturdy base of your bars.
Step 5: Add the Chocolate Layer
Sprinkle a generous, even layer of chocolate chips or chunks over the dough. Make sure to cover most of the surface so every bite has that rich chocolate flavor.
Step 6: Add the Marshmallow Layer
Spread marshmallow creme gently over the chocolate layer, or scatter mini marshmallows evenly across the surface. Try to distribute them as evenly as possible for consistent texture.
Step 7: Optional Graham Cracker Layer
If using graham crackers, break them into pieces and layer them over the marshmallow. This adds a slight crunch and enhances the classic s’mores flavor.
Step 8: Add the Top Cookie Layer
Take the remaining cookie dough and flatten small portions in your hands, then place them over the top. Don’t worry about covering every inch—the gaps allow the marshmallow and chocolate to peek through beautifully.
Step 9: Bake to Perfection
Place the pan in the oven and bake for 25–30 minutes, or until the top is golden brown and set. The center should still be slightly soft for that gooey texture.
Step 10: Cool and Slice
Allow the bars to cool completely in the pan. This step is essential for clean slicing and proper texture. Once cooled, lift them out using the parchment paper and cut into squares or rectangles.
How Long to Prepare the Cookie S’mores Bars
Preparing Cookie S’mores Bars is pleasantly straightforward, making them perfect for both planned gatherings and last-minute dessert cravings. The prep time typically takes about 15–20 minutes, depending on how quickly you mix the dough and assemble the layers. If your butter is already softened and ingredients are measured in advance, the process becomes even smoother.
The baking time ranges from 25–30 minutes, followed by a crucial cooling period of at least 1 hour. While it might be tempting to slice into them early, allowing the bars to cool fully ensures clean cuts and helps the layers set properly. Altogether, you can expect the entire process—from start to ready-to-serve—to take around 1 hour and 45 minutes.
Tips for Perfect Cookie S’mores Bars
To get the best results, make sure your butter is at room temperature before mixing. This helps create a smooth and well-incorporated dough.
Using parchment paper with overhang makes removing the bars much easier and prevents breaking when slicing.
For extra gooeyness, slightly underbake the bars. The center will continue to set as it cools, leaving you with that perfect soft texture.
Chilling the dough for 10–15 minutes before assembling can help control spreading and create thicker layers.
Try using a mix of chocolate types—like semi-sweet and milk chocolate—for a more complex flavor.
Watch Out for These Mistakes While Cooking
One common mistake is overmixing the dough, which can result in dense and tough bars instead of soft and chewy ones.
Another issue is overbaking. Leaving the bars in the oven too long will dry them out and reduce that signature gooey center.
Spreading the marshmallow unevenly can lead to inconsistent texture, with some bites lacking that soft, stretchy layer.
Cutting the bars while they are still warm may cause them to fall apart and lose their layered structure.
Using too much flour can make the bars crumbly, so measuring accurately is important.
What to Serve With Cookie S’mores Bars?
Vanilla Ice Cream
The cool, creamy texture of vanilla ice cream pairs beautifully with the warm, gooey bars, creating a classic dessert combination.
Fresh Berries
Strawberries or raspberries add a refreshing contrast and a slight tartness that balances the sweetness.
Hot Chocolate
A rich cup of hot chocolate enhances the chocolatey flavors and makes this dessert even more indulgent.
Coffee or Espresso
The bitterness of coffee cuts through the sweetness, making it an ideal pairing for adults.
Caramel Drizzle
A light drizzle of caramel sauce over the bars adds another layer of flavor and a touch of elegance.
Storage Instructions
Cookie S’mores Bars store very well, making them a great make-ahead dessert. Once completely cooled, store them in an airtight container at room temperature for up to 3 days. Keeping them sealed helps maintain their soft and chewy texture.
If you prefer to extend their shelf life, you can refrigerate them for up to a week. Just allow them to come to room temperature or warm them slightly before serving to bring back their gooey consistency.
For longer storage, these bars freeze beautifully. Wrap individual pieces tightly in plastic wrap and place them in a freezer-safe container. They can be frozen for up to 2 months. Thaw at room temperature or microwave briefly before enjoying.
Estimated Nutrition
Each bar (depending on size) contains approximately:
- Calories: 280–350
- Carbohydrates: 35–45g
- Sugar: 20–30g
- Fat: 12–18g
- Protein: 3–5g
These values can vary based on ingredient choices and portion sizes.
Frequently Asked Questions
Can I make Cookie S’mores Bars ahead of time?
Yes, they are perfect for making ahead. In fact, they often taste even better the next day as the flavors settle.
Can I use store-bought cookie dough?
Absolutely. Store-bought dough is a convenient alternative and works well if you’re short on time.
How do I make them extra gooey?
Use more marshmallow and slightly underbake the bars. This keeps the center soft and rich.
Can I make them gluten-free?
Yes, simply use a gluten-free flour blend and gluten-free graham crackers if included.
Why are my bars falling apart?
This usually happens if they are cut too early. Let them cool completely to ensure they hold their shape.
Conclusion
Cookie S’mores Bars are the perfect way to bring the nostalgic flavors of a campfire treat into your kitchen with minimal effort. With their rich layers, gooey center, and satisfying texture, they’re a dessert that never fails to impress.
Whether you’re baking for a gathering or simply treating yourself, this recipe offers both comfort and indulgence in every bite. Once you try them, they’re bound to become a regular favorite in your dessert rotation.
Cookie S’mores Bars
- Prep Time: 20 minutes
- Cook Time: 30 minutes
- Total Time: 1 hour 50 minutes
- Yield: 12 bars 1x
- Category: Dessert
- Method: Baking
- Cuisine: American
- Diet: Vegetarian
Description
Get ready to fall in love with these irresistible Cookie S’mores Bars—a perfect mix of gooey marshmallow, rich melted chocolate, and soft, buttery cookie layers. This easy dessert recipe is ideal for quick breakfast treats, easy dinner desserts, or fun food ideas for gatherings. Whether you’re searching for simple baking recipes, sweet snack ideas, or crowd-pleasing dessert bars, this recipe delivers a nostalgic flavor with a modern twist.
Ingredients
1 cup unsalted butter softened
1 cup brown sugar
1/2 cup granulated sugar
2 large eggs
2 teaspoons vanilla extract
2 1/2 cups all purpose flour
1 teaspoon baking soda
1/2 teaspoon salt
2 cups chocolate chips or chocolate chunks
2 cups mini marshmallows or 1 1/2 cups marshmallow creme
1 cup crushed graham crackers optional
Instructions
1. Preheat oven to 350°F (175°C) and line a 9×13 inch baking pan with parchment paper.
2. Cream together butter, brown sugar, and granulated sugar until light and fluffy.
3. Add eggs one at a time, mixing well, then stir in vanilla extract.
4. Whisk together flour, baking soda, and salt, then combine with wet ingredients.
5. Press half of the dough into the pan.
6. Add chocolate chips evenly.
7. Spread marshmallow layer evenly.
8. Add graham crackers if using.
9. Top with remaining dough in pieces.
10. Bake for 25–30 minutes until golden.
11. Cool completely before slicing.
Notes
For extra gooey texture, slightly underbake the bars.
Mix different types of chocolate for richer flavor.
Cooling completely ensures clean, neat slices.
Nutrition
- Serving Size: 1 bar
- Calories: 320
- Sugar: 24g
- Sodium: 180mg
- Fat: 16g
- Saturated Fat: 9g
- Unsaturated Fat: 6g
- Trans Fat: 0g
- Carbohydrates: 40g
- Fiber: 2g
- Protein: 4g
- Cholesterol: 55mg
Keywords: easy recipe, dessert bars, cookie bars, s’mores dessert, baking ideas, sweet treats











