Imagine the bliss of gooey marshmallows, melty chocolate, and a buttery graham cracker crust all layered into one warm, chewy bite. That’s exactly what you get with these S’mores Cookie Bars. A cozy twist on the campfire classic, these bars are baked to perfection, giving you all the nostalgic flavor without ever striking a match.

With a rich cookie dough base and golden toasted marshmallows bubbling on top, each square is loaded with that irresistible s’mores magic. Whether you’re serving a summer crowd or cozying up in cooler months, these bars bring smiles every time.
Why You’ll Love This S’mores Cookie Bars Recipe
This dessert is a guaranteed crowd-pleaser. It comes together easily with pantry staples, bakes in one pan, and keeps beautifully. You get the gooey, chocolate-marshmallow combo of s’mores without needing a fire pit, and the cookie bar form makes it perfect for parties, lunchbox treats, or midnight cravings.
What Kind of Chocolate Should I Use?
You can use classic milk chocolate bars for that authentic s’mores flavor, but semi-sweet or dark chocolate chips work beautifully too. If you like a less sweet bar with more balance, dark chocolate is a fantastic choice. Mixing milk and semi-sweet gives a layered richness that melts like a dream.
Ingredients for the S’mores Cookie Bars
Every ingredient in these bars plays an essential role in recreating that fireside taste and texture:
- Unsalted Butter – Adds moisture and richness to the base.
- Brown Sugar – Deepens the flavor with caramel-like sweetness.
- Granulated Sugar – Balances the molasses notes in brown sugar and helps with the chew.
- Egg – Binds the dough and adds structure.
- Vanilla Extract – Adds a warm, cozy note that brings everything together.
- All-Purpose Flour – The foundation of the dough, giving it its shape and texture.
- Graham Cracker Crumbs – Essential for that signature s’mores flavor.
- Baking Powder – Provides lift and soft texture.
- Salt – Balances the sweetness.
- Mini Marshmallows – Toast up beautifully for that gooey top layer.
- Chocolate Chips or Bars – The melty middle layer you crave.
How To Make the S’mores Cookie Bars
Step 1: Prep the Oven and Pan
Preheat your oven to 350°F (175°C). Line an 8×8-inch baking dish with parchment paper, letting some hang over the sides for easy lifting.
Step 2: Mix the Wet Ingredients
In a large bowl, cream together the softened butter, brown sugar, and granulated sugar until light and fluffy. Beat in the egg and vanilla extract until well combined.
Step 3: Combine Dry Ingredients
In a separate bowl, whisk together the flour, graham cracker crumbs, baking powder, and salt. Gradually add this dry mixture to the wet ingredients, stirring until a dough forms.
Step 4: Assemble the Layers
Press about two-thirds of the dough into the bottom of the prepared baking pan. Layer evenly with chocolate pieces or chips, followed by a generous handful of mini marshmallows. Crumble the remaining dough on top and lightly press it down.
Step 5: Bake to Perfection
Bake for 22–25 minutes or until the top is lightly golden and the marshmallows are toasted. Let cool completely before cutting into squares to get clean, chewy bars.
Serving and Storing S’mores Cookie Bars
These bars are best served once fully cooled, allowing all the layers to set for easy slicing. Each batch yields about 12 squares, perfect for sharing at potlucks, family nights, or keeping all to yourself (no judgment!).
Store them in an airtight container at room temperature for up to 4 days. For longer freshness, refrigerate them for up to a week or freeze for up to 2 months.
What to Serve With S’mores Cookie Bars?
1. A Cold Glass of Milk
It’s the perfect match to the rich, chocolatey goodness.
2. Vanilla Ice Cream
Serve a warm bar with a scoop of vanilla ice cream for an indulgent dessert.
3. Hot Chocolate
Especially during colder months, a mug of hot cocoa and a s’mores bar makes magic.
4. Coffee or Espresso
The bitterness of coffee cuts through the sweetness, creating perfect balance.
5. Fruit Salad
Lighten things up with a fresh and juicy fruit bowl on the side.
6. Yogurt Parfaits
A fun twist for breakfast or brunch with creamy Greek yogurt and granola.
7. Salted Nuts
Serve alongside for a crunchy contrast and a little salty balance.

Want More Dessert Ideas with a Twist?
If you love these S’mores Cookie Bars, you’re going to want to check out some of these treats too:
- Try our Chocolate Cherry Cream Pie for another gooey delight.
- Craving something fruity? Magic Lemon Cobbler hits the sweet-tart balance.
- For a dreamy chilled dessert, don’t miss the Banana Bread Cookies.
- Fans of layered bites will swoon over Hot Fudge Sundae Brownie Cheesecake.
- And for an old-school classic, bake up some Whipped Shortbread Cookies.
Save This Pin For Later
📌 Save this recipe to your Pinterest dessert board so you can come back to it any time.
And let me know in the comments how yours turned out. Did you go classic or switch up the chocolate? Did the marshmallows puff just right?
I love hearing your spins on my recipes. Drop your questions too—let’s bake smarter, together!
Explore beautifully curated health-boosting drinks on Nora Nosh Recipes on Pinterest and discover your new go-to for feeling great!
S’mores Cookie Bars
- Total Time: 40 minutes
- Yield: 12 bars
- Diet: Vegetarian
Description
Sink your teeth into these indulgent, ooey-gooey S’mores Cookie Bars—your new favorite quick dessert for parties, lunchboxes, or cozy nights in. They capture all the nostalgic magic of a campfire s’more, layered with buttery graham cookie dough, melty chocolate, and toasted marshmallows. It’s a wildly satisfying and easy recipe that turns pantry basics into an irresistible treat. Whether you’re looking for a crowd-pleasing sweet, quick dessert bars, or snackable food ideas, this is a must-have in your baking rotation. Perfect for any season, holiday table, or when you just need a chocolatey pick-me-up.
Ingredients
1 cup unsalted butter, softened
1 cup brown sugar
½ cup granulated sugar
1 large egg
2 teaspoons vanilla extract
1½ cups all-purpose flour
1 cup graham cracker crumbs
1 teaspoon baking powder
¼ teaspoon salt
1½ cups mini marshmallows
1½ cups chocolate chips or chunks
Instructions
1. Preheat oven to 350°F (175°C) and line an 8×8-inch baking dish with parchment paper.
2. Cream together butter, brown sugar, and granulated sugar until light and fluffy.
3. Beat in egg and vanilla extract until fully combined.
4. In another bowl, mix flour, graham cracker crumbs, baking powder, and salt.
5. Gradually add the dry mix into the wet ingredients, stirring to form a dough.
6. Press two-thirds of the dough into the prepared pan.
7. Layer with chocolate chips and marshmallows.
8. Crumble remaining dough on top and press gently.
9. Bake for 22–25 minutes until golden and marshmallows are toasted.
10. Cool completely before slicing into bars.
Notes
Don’t slice while warm—let them set fully for clean cuts.
Try mixing milk and dark chocolate for extra flavor depth.
- Prep Time: 15 minutes
- Cook Time: 25 minutes
- Category: Dessert
- Method: Baking
- Cuisine: American
Nutrition
- Serving Size: 1 bar
- Calories: 290
- Sugar: 22g
- Sodium: 105mg
- Fat: 15g
- Saturated Fat: 9g
- Unsaturated Fat: 5g
- Trans Fat: 0g
- Carbohydrates: 36g
- Fiber: 2g
- Protein: 3g
- Cholesterol: 35mg
Keywords: s’mores cookie bars, easy dessert bars, marshmallow chocolate bars
