Easy S’mores Cookie Bars Recipe with Graham Crackers

Posted on July 6, 2026

Delicious S'mores Cookie Bars topped with chocolate and marshmallow

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.

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.

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.

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.

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.

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.

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.

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
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Delicious S'mores Cookie Bars topped with chocolate and marshmallow

S’mores Cookie Bars


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

  • Author: Isabella
  • 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

  1. Preheat your oven to 350°F (175°C). Line a 9×13 inch baking pan with parchment paper.
  2. Crush the graham crackers into small pieces and press a layer into the bottom of the prepared pan.
  3. In a mixing bowl, cream the softened butter with brown sugar and granulated sugar until fluffy. Add eggs and vanilla, mixing well.
  4. Stir in flour, baking powder, and salt until just combined. Fold in some graham pieces and a handful of chocolate chips.

Assembly

  1. Press about two-thirds of the cookie dough into the bottom of the pan.
  2. Layer with chocolate and then marshmallows.
  3. Drop the remaining dough in blobs over the top, leaving some gaps for the gooey texture.

Baking

  1. 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

Tags:

You might also like these recipes

Leave a Comment

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star