S’mores Cookie Bars are my answer to those nights when you want a campfire treat but you are definitely not building a fire, and you do not feel like babysitting individual s’mores. I started making these when I needed a quick dessert for a last minute hangout, and now they are basically my go to for anything from movie night to a backyard get together. You still get that classic combo of graham crackers, melty chocolate, and gooey marshmallows, but in an easy sliceable bar. The best part is they feel a little nostalgic, like summer, even if it is raining outside. If you have ever had marshmallows stick to your fingers and chocolate smear everywhere, you will appreciate how neat and shareable these bars are.
Table of Contents
Why You’ll Love These S’mores Cookie Bars
These bars hit all the right notes: buttery, sweet, a little crunchy, and super gooey in the middle. They are the kind of dessert people keep wandering back to for “just one more small piece” until the pan is basically empty.
Here is why I keep making them:
Fast to mix with simple pantry ingredients and no fancy steps.
Big reward because you get that campfire vibe without the campfire.
Easy to share since you can cut clean squares once they cool.
Kid and adult approved which is honestly rare.
If you like bar desserts in general, you might also love these cozy banana oatmeal bars recipe healthy for a more snacky, breakfasty vibe on busy mornings.
Ingredients You Need for the Best S’mores Cookie Bars
This is not the time for complicated shopping. Think classic s’mores ingredients plus a basic cookie bar dough to hold everything together. I like a simple cookie base because it tastes like a soft chocolate chip cookie met a graham cracker crust and decided to become best friends.
- Graham crackers (for the base and that signature flavor)
- All purpose flour
- Baking powder (just a little lift)
- Salt (do not skip, it keeps things from tasting flat)
- Unsalted butter (softened)
- Brown sugar (for chewiness)
- Granulated sugar
- Eggs
- Vanilla extract
- Chocolate (bars, chips, or chunks)
- Marshmallows (mini or regular)
One quick note: I really do recommend using actual graham crackers, not a “graham style” cookie. The flavor is what makes S’mores Cookie Bars taste like the real deal.
Ingredient Notes and Easy Substitutions
Sometimes you are halfway into baking and realize you are missing something. Been there. Here are easy swaps that still keep the bars delicious.
Graham crackers: If you only have graham cracker crumbs, you can use them. Just press them into the bottom firmly with melted butter. If you want a different twist, crushed digestive biscuits work too, but it will taste a little less “classic s’mores.”
Butter: Salted butter is fine. Just reduce added salt a bit so it does not taste overly salty.
Brown sugar: Dark brown sugar makes the bars taste more caramel like. Light brown sugar is a little milder. Either works.
Chocolate: Milk chocolate is the traditional s’mores choice, but semisweet is great if you like less sweetness. If you have lemon lovers at home and want something totally different next time, these best lemon sandwich cookies recipe are a fun switch up.
Marshmallows: Mini marshmallows melt faster and spread more evenly. Regular marshmallows give you bigger gooey pockets, but they can puff up and brown quickly.
How to Make S’mores Cookie Bars Step by Step
This is the part where everything starts smelling amazing. I am going to explain it like I would if you were in my kitchen with me.
Quick prep and pan setup
Preheat your oven to 350 degrees F. Line a 9×13 inch pan with parchment paper if you want easy lifting later. A light spray of oil under the parchment helps it stay put.
Make the graham layer
Crush graham crackers into small pieces. You can leave some chunks for texture. Press a layer into the bottom of the pan. Some people like a full crust with butter, but I like mixing graham pieces into the base so you get graham in every bite.
Mix the cookie bar dough
Cream softened butter with brown sugar and granulated sugar until it looks fluffy. Add eggs and vanilla. Stir in flour, baking powder, and salt until you do not see dry streaks. Fold in some graham pieces and a handful of chocolate.
Layer it up
Press about two thirds of the dough into the pan. Add a layer of chocolate, then marshmallows. Drop the remaining dough in little blobs on top. It does not have to cover perfectly. Those open spots turn into the gooey s’mores look.
Bake and cool
Bake until the edges are golden and the center looks set but still soft. This usually takes around 22 to 28 minutes depending on your oven. Let them cool a lot before cutting, because hot marshmallow is basically edible glue.
And yes, these are S’mores Cookie Bars, so expect a little mess if you cut too early. Waiting is hard, but it is worth it.
Expert Tips for Soft, Chewy, Gooey Cookie Bars Every Time
I have made these enough times to learn a few things the sticky way.
Use room temperature butter. If it is too cold, the dough gets clumpy and you end up overmixing.
Do not overbake. If you wait until the middle looks totally firm, the bars can turn dry after they cool. You want the center to look just set.
Let them cool before slicing. I know, I know. But if you want clean squares for a party tray, cool them for at least an hour.
Line your pan. Parchment paper makes lifting and cutting so much easier, especially with marshmallows involved.
Warm knife trick. Run a knife under hot water, wipe it dry, then slice. Repeat as needed for neat edges.
Delicious Variations to Customize Your S’mores Bars
Once you make the classic version, it is hard not to start dreaming up new flavors.
Peanut butter version: Add peanut butter chips or swirl in a few spoonfuls of peanut butter.
Cookies and cream: Use white chocolate and mix in crushed chocolate sandwich cookies.
Mint chocolate: Add mint chips or a tiny splash of peppermint extract.
Salted caramel: Drizzle caramel sauce over the chocolate layer, then sprinkle a pinch of flaky salt on top after baking.
For a fun seasonal baking mood, I also love these bright and sunny best summer solstice cookies when you want something cheerful and shareable.
Best Chocolate and Marshmallow Options for Homemade S’mores Bars
Chocolate and marshmallow choices can seriously change the vibe, even if the base recipe stays the same.
Chocolate bars: Classic milk chocolate bars melt into nice puddles. Break them into squares and layer them.
Chocolate chips: Semisweet chips hold their shape more, so you get more chocolate bites and less overall melt. Still delicious.
Chocolate chunks: Best of both worlds. They melt but still feel rustic.
Mini marshmallows: They melt into a bumpy golden top and are easier to distribute.
Regular marshmallows: Cut them in half if you want a more even layer. Keep an eye on browning.
If you want that toasted top without burning, you can bake normally and then broil for a very short time. Like, do not walk away short. Marshmallows go from golden to black fast.
Serving Suggestions for Parties, Holidays, and Summer Gatherings
S’mores Cookie Bars are basically made for sharing. I have brought them to potlucks, birthday parties, and casual “we are just hanging out” nights. Here are a few ways to serve them that always get a happy reaction.
- Party platter: Cut into small squares so people can grab and go.
- Ice cream night: Warm a bar for 10 seconds and top with vanilla ice cream.
- Build a dessert board: Add strawberries, pretzels, and extra chocolate squares.
- Holiday tray: Pair with colorful cookies like these cute flower sugar cookies recipe for a pretty mix.
I also like packing a couple bars in a little container for a picnic. They travel well once fully cooled.
How to Store, Freeze, and Reheat S’mores Cookie Bars
These bars keep surprisingly well, which is great if you are baking ahead.
Room temperature: Store in an airtight container for up to 3 days. Put parchment between layers so they do not stick together.
Fridge: Up to 5 days, but the texture firms up. I usually prefer room temp for the best chew.
Freezer: Wrap individual bars in plastic wrap, then place in a freezer bag. Freeze up to 2 months.
Reheat: Microwave a bar for 8 to 12 seconds for that gooey marshmallow moment. If it gets too hot, the marshmallow can pull like taffy, so start small.
Common Mistakes to Avoid When Making S’mores Cookie Bars
Let me save you from a couple of “oops” moments.
Cutting too soon: The bars will fall apart and stick to everything. Cool them first.
Overbaking: Dry bars are sad bars. Pull them when the center is set but still soft.
Too many marshmallows on top: It sounds impossible, but a thick layer can melt off the sides and glue itself to the pan. Keep it reasonable.
Not lining the pan: You can do it, but cleanup is way more annoying.
Skipping salt: Without it, the sweetness can feel loud. Just a pinch makes the flavors pop.
More Easy Cookie Bar and S’mores Dessert Recipes to Try
If you are in your cookie bar era, welcome. It is a great place to be. After you make these S’mores Cookie Bars, you might want to branch out into other flavors that still feel casual and crowd friendly.
I love anything that can be baked in one pan, cooled, and sliced. It just fits real life. And if you are already a s’mores fan, you can also try mixing graham pieces into brownies, topping blondies with marshmallows, or making s’mores dip for a super fast dessert.
Also, do not be surprised if people start requesting “those gooey s’mores bars” once they taste them. It happens.
Recipe Notes, Nutrition, and Baking Equipment
Before you start, here are a few practical notes that make the whole process smoother.
Equipment I actually use
You do not need anything fancy:
9×13 inch baking pan
Parchment paper
Mixing bowl
Hand mixer or sturdy spoon
Measuring cups and spoons
Rubber spatula
Nutrition notes
These are a treat, no pretending. The nutrition will vary depending on your chocolate and how thick you cut the squares. If you want smaller portions, cut them into 24 squares instead of 12. You still get the full s’mores experience, just in a more snackable piece.
Common Questions
1) Can I use marshmallow fluff instead of marshmallows?
Yes, but it gets extra sticky and can disappear into the bars. If you use it, dollop it in small spoonfuls and swirl lightly.
2) How do I keep the marshmallows from burning on top?
Place marshmallows more in the middle than right at the edges, and bake on the middle rack. If your oven runs hot, you can tent loosely with foil near the end.
3) Can I make S’mores Cookie Bars ahead of time?
Absolutely. They are even easier to cut the next day. Store airtight and serve at room temperature.
4) What is the best chocolate for the most classic taste?
Milk chocolate bars are the most traditional. If you want a less sweet bar, use semisweet chunks.
5) Why did my bars turn out crumbly?
Usually it is from overbaking or measuring too much flour. Spoon flour into your measuring cup and level it off, rather than scooping straight from the bag.
A sweet, gooey send off
If you want a low effort dessert that makes people genuinely excited, bake these S’mores Cookie Bars and watch what happens. You get the graham cracker crunch, the melted chocolate, and the gooey marshmallow pull without needing a campfire or any special gear. I still make them when I need something reliable for a crowd, and they never last long. If you want more s’mores inspiration, check out S’mores Cookie Bars (Recipe + Video) – Sally’s Baking Addiction and S’mores Cookie Bars – Meatloaf and Melodrama for extra ideas and fun twists.
Print
S’mores Cookie Bars
- Total Time: 43 minutes
- Yield: 12 pieces
Description
Deliciously easy S’mores Cookie Bars combine all the classic flavors of s’mores into a shareable and sliceable dessert perfect for any gathering.
Ingredients
For the Cookie Base
- 1 cup Unsalted butter, softened (Room temperature for best results.)
- 1 cup Brown sugar (Light or dark brown sugar both work.)
- 1 cup Granulated sugar
- 2 large Eggs
- 1 tablespoon Vanilla extract
- 2 cups All-purpose flour (Spoon and leveled for accuracy.)
- 1 teaspoon Baking powder (Provides a little lift.)
- 1/2 teaspoon Salt (Essential for flavor balance.)
For the S’mores Layer
- 2 cups Graham crackers, crushed (Can also use crumbs for the base.)
- 1 cup Chocolate (bars, chips, or chunks) (Milk chocolate is traditional; semisweet is an option.)
- 2 cups Marshmallows (mini or regular) (Mini marshmallows melt faster.)
Instructions
Preparation
- Preheat your oven to 350°F (175°C). Line a 9×13 inch baking pan with parchment paper.
- Crush the graham crackers into small pieces and press a layer into the bottom of the prepared pan.
- In a mixing bowl, cream the softened butter with brown sugar and granulated sugar until fluffy. Add eggs and vanilla, mixing well.
- Stir in flour, baking powder, and salt until just combined. Fold in some graham pieces and a handful of chocolate chips.
Assembly
- Press about two-thirds of the cookie dough into the bottom of the pan.
- Layer with chocolate and then marshmallows.
- Drop the remaining dough in blobs over the top, leaving some gaps for the gooey texture.
Baking
- Bake for 22 to 28 minutes, until edges are golden and the center is set yet soft. Allow to cool before cutting.
Notes
For best results, let the bars cool for at least an hour before slicing. Use a warm knife for neat edges.
- Prep Time: 15 minutes
- Cook Time: 28 minutes
- Category: Dessert, Snack
- Cuisine: American