S’mores Cookie Bars Recipe in 13 Steps

Published: 8 May 2026

Here is a short video explaining the process, scroll down for detailed ingredients and step by step recipe method. Thanks for coming and do not forget to follow Food Paradise on Pinterest.

Table of Contents

Ingredients with Exact Amount

For this recipe, I like using simple baking ingredients that are easy to find. The graham cracker crumbs give the bars that classic s’mores taste, while the brown sugar keeps the cookie layer soft and rich.

¾ cup unsalted butter, softened
1 cup light brown sugar, packed
¼ cup granulated sugar
2 large eggs, room temperature
2 teaspoons vanilla extract
2 cups all-purpose flour
1 cup graham cracker crumbs
1 teaspoon baking powder
½ teaspoon baking soda
½ teaspoon salt

S’mores Filling

1½ cups milk chocolate chips or chopped milk chocolate
1 cup mini marshmallows
1 cup marshmallow fluff
4 full graham crackers, broken into small pieces

Optional Topping

¼ cup extra chocolate chips
¼ cup extra mini marshmallows
1 crushed graham cracker

Step by Step Recipe Method

Making these s’mores cookie bars is very simple, but a few small details make a huge difference in the final texture. The goal is to create soft cookie layers with a gooey marshmallow center and melted chocolate throughout every bite. Follow each step carefully, and you will end up with bakery-style cookie bars that taste rich, buttery, and perfectly chewy.

Step 1: Prepare the Oven and Baking Pan

Start by preheating your oven to 350°F. Giving the oven enough time to fully heat is important because even baking helps the cookie dough cook evenly from edge to center.

Take a 9×13-inch baking pan and line it with parchment paper. Leave some parchment hanging over the sides so you can easily lift the bars out later. Lightly grease the parchment paper and the sides of the pan with butter or nonstick spray. This prevents the marshmallow filling from sticking while baking.

If you skip the parchment paper, the melted marshmallow can become difficult to remove from the pan later, so this step is worth taking seriously.

Step 2: Combine the Dry Ingredients

In a medium mixing bowl, add the all-purpose flour, graham cracker crumbs, baking powder, baking soda, and salt. Stir everything together slowly until fully combined.

The graham cracker crumbs are what give these bars their classic s’mores flavor. Make sure the crumbs are evenly mixed into the flour so every bite has that sweet honey-like graham cracker taste.

If your graham cracker crumbs have large pieces, crush them a little more before mixing. Fine crumbs blend better into the cookie dough and create a softer texture.

Set the bowl aside once mixed.

Step 3: Cream the Butter and Sugars

In a large mixing bowl, add the softened butter, brown sugar, and granulated sugar. Using an electric mixer or a sturdy whisk, beat the mixture until it becomes light, creamy, and fluffy.

This step usually takes about 2 to 3 minutes with an electric mixer. Do not rush this process because properly creaming the butter and sugar helps create soft and chewy cookie bars instead of dense ones.

The brown sugar adds moisture and a rich caramel-like flavor, while the granulated sugar helps create slightly crisp edges. Together, they give the bars the perfect balance of texture.

Your butter should be softened, not melted. Softened butter mixes smoothly with the sugar, while melted butter can make the dough greasy and flat.

Step 4: Add the Eggs and Vanilla

Crack the eggs into the butter mixture one at a time. Mix well after adding each egg so everything blends smoothly.

Next, pour in the vanilla extract and stir again. The vanilla gives warmth and depth to the cookie dough and helps balance the sweetness from the marshmallow and chocolate.

At this stage, the mixture should look smooth, creamy, and slightly fluffy. Scrape down the sides of the bowl with a spatula so everything mixes evenly.

Room temperature eggs work best because they combine more easily into the batter. Cold eggs can sometimes make the butter mixture look curdled.

Step 5: Add the Dry Ingredients Into the Wet Mixture

Slowly add the dry ingredient mixture into the wet ingredients. Mix gently until a thick cookie dough forms.

Do not overmix once the flour is added. Overmixing develops too much gluten, which can make the bars tough instead of soft and chewy.

The dough should feel thick, soft, and slightly sticky. If it feels extremely wet, let it rest for a few minutes before using it.

At this point, the dough already smells buttery and sweet with a light graham cracker aroma.

Take about two-thirds of the cookie dough and place it into the prepared baking pan.

Using clean hands, a spatula, or the back of a spoon, press the dough evenly across the bottom of the pan. Make sure the corners are fully covered because this bottom layer holds the marshmallow and chocolate filling inside.

Try to make the layer even in thickness so the bars bake consistently.

Do not press the dough too hard. A gentle press keeps the bars softer after baking.

Step 7: Spread the Marshmallow Fluff

Now spread the marshmallow fluff over the cookie dough layer.

Marshmallow fluff can be sticky, so lightly grease your spoon or spatula before spreading. Work slowly and gently spread it close to the edges without pressing too hard into the dough below.

The fluff creates the gooey center that makes these bars taste like real s’mores. During baking, it melts into the cookie layers and blends beautifully with the chocolate.

If the fluff becomes difficult to spread, warming it for a few seconds can make the process easier.

Step 8: Add the Chocolate Layer

Sprinkle the milk chocolate chips evenly across the marshmallow fluff.

Try to spread the chocolate evenly so every slice gets plenty of melted chocolate in the center. You can also use chopped chocolate bars instead of chocolate chips if you want larger melted chocolate pockets.

Milk chocolate gives the classic s’mores flavor, but dark chocolate or semi-sweet chocolate also work if you prefer a richer taste.

At this stage, the bars already start looking layered and rich.

Step 9: Add Mini Marshmallows and Graham Crackers

Scatter the mini marshmallows over the chocolate layer. Then add the broken graham cracker pieces across the top.

The mini marshmallows melt and lightly toast while baking, creating soft gooey bites throughout the bars. The graham crackers add texture and help recreate the traditional campfire s’mores flavor.

Do not press the filling down too hard. Keeping the layers loose allows the marshmallow and chocolate to melt naturally during baking.

Take the remaining cookie dough and place small pieces over the top of the filling.

Do not completely cover the filling. Leave small open spaces where the marshmallow and chocolate can peek through. This creates a rustic homemade look and allows the marshmallows to toast beautifully.

The uneven top also gives the bars a softer texture because steam can escape while baking.

If the dough sticks to your hands, lightly grease your fingers before placing it over the filling.

Place the baking pan into the preheated oven and bake for 28 to 35 minutes.

The edges should turn golden brown, while the center should look mostly set with slight softness in the middle. The marshmallows on top may become lightly toasted, which adds extra flavor.

Keep an eye on the bars during the final few minutes. Marshmallows can brown quickly. If the top starts getting too dark, loosely place foil over the pan and continue baking.

Do not overbake the bars. The center continues cooking as the bars cool in the hot pan.

Step 12: Cool the Bars Properly

Remove the pan from the oven and place it on a cooling rack. Let the bars cool completely before slicing.

This step is extremely important because the melted marshmallow and chocolate need time to set. If you cut the bars while hot, the center can become messy and fall apart.

For extra clean slices, chill the bars for 20 to 30 minutes after cooling.

Once cooled, lift the bars out using the parchment paper and place them on a cutting board.

Step 13: Slice and Serve

Using a sharp knife, cut the bars into squares or rectangles.

For cleaner cuts, wipe the knife between slices because melted marshmallow can stick to the blade.

Serve the bars slightly warm if you want extra gooey chocolate and marshmallow. You can also enjoy them at room temperature for a firmer chewy texture.

These cookie bars taste amazing with cold milk, hot coffee, or vanilla ice cream on the side.

If you love homemade desserts like this, make sure to check the homepage for more easy food recipes, cookie bars, and sweet baked treats you can make at home.

Variations in the Recipe

You can change these s’mores cookie bars in many simple ways. I like keeping the base recipe the same, then adding small flavor twists depending on the occasion.

Add ½ cup peanut butter chips with the chocolate chips. You can also drizzle 2 tablespoons of melted peanut butter over the filling before adding the top cookie dough. This version tastes rich, nutty, and extra comforting.

Double Chocolate S’mores Bars

Replace ¼ cup of the flour with ¼ cup unsweetened cocoa powder. This creates a chocolate cookie base that pairs beautifully with marshmallow and graham crackers. Use dark chocolate chunks for a deeper flavor.

Salted Caramel S’mores Bars

Drizzle ¼ cup caramel sauce over the chocolate layer before adding the top dough. Sprinkle a small pinch of flaky salt on top after baking. The salt balances the sweetness and makes the bars taste more special.

Spread ½ cup Nutella over the bottom cookie layer before adding marshmallow fluff. This gives the bars a smooth chocolate-hazelnut flavor that works very well with graham crackers.

Crunchy Pretzel S’mores Bars

Add ½ cup crushed pretzels with the graham cracker pieces. This adds a salty crunch and makes the bars less sweet. It is a great option for people who love sweet and salty desserts.

Mistakes to Avoid

Even simple recipes can go wrong if small details are missed. These tips will help your cookie bars come out soft, gooey, and easy to slice.

Using Melted Butter Instead of Softened Butter

Softened butter gives the dough structure. Melted butter can make the bars greasy and too flat. The butter should be soft enough to press with your finger, but not liquid.

Overmixing the Dough

Once you add the flour mixture, mix only until everything comes together. Overmixing can make the cookie layer dense and tough. A soft dough gives you a better chewy texture.

Adding Too Much Marshmallow Fluff

Marshmallow fluff is delicious, but too much can make the bars hard to slice. Use 1 cup for the best balance. It gives enough gooey texture without making the center too loose.

Cutting the Bars Too Soon

Hot s’mores bars are very soft. If you cut them right away, the filling can spill out and the slices may break. Let them cool properly so the layers can set.

Overbaking the Bars

Do not wait for the center to look completely firm in the oven. The bars continue to cook from the heat of the pan after baking. Overbaking can make them dry instead of soft and gooey.

Conclusion

S’mores cookie bars are a fun and easy dessert that brings together everything people love about classic s’mores. The buttery cookie dough, sweet graham cracker crumbs, melted chocolate, and soft marshmallow filling make every bite rich and comforting. I love this recipe because it feels playful, but it is still simple enough for everyday home baking.

Serve these bars for family nights, parties, holidays, or whenever you want a dessert that makes everyone smile. For more sweet and easy baking ideas, check the homepage for more food recipes you can try at home.

FAQs

Yes, you can make them one day ahead. Let them cool fully, then store them in an airtight container. The flavor stays rich, and the bars become easier to slice after resting.

Can I Use Regular Marshmallows Instead of Mini Marshmallows?

Yes, but cut large marshmallows into smaller pieces first. Mini marshmallows melt more evenly and are easier to spread through the filling.

Can I Use Dark Chocolate Instead of Milk Chocolate?

Yes, dark chocolate works well if you prefer a less sweet flavor. Milk chocolate gives the most classic s’mores taste, while dark chocolate adds a richer taste.

Store them in an airtight container at room temperature for 3 to 4 days. Keep parchment paper between layers if stacking, so they do not stick together.

Yes, you can freeze them. Wrap each bar tightly in plastic wrap, then place them in a freezer-safe bag or container. Freeze for up to 2 months. Thaw at room temperature before serving.

They were likely cut while still too warm. Let the bars cool completely before slicing. If you want neat squares, chill them for 20 to 30 minutes after cooling.

Can I Make This Recipe Without Marshmallow Fluff?

Yes, you can use only mini marshmallows, but the center will be less creamy. Marshmallow fluff gives the bars that soft, gooey middle that makes them extra special.

Latest Posts

Please Write Your Comments

Comments (0)

Write a comment

INSTRUCTIONS:

Be Respectful
Stay Relevant
Stay Positive
True Feedback
Encourage Discussion
Avoid Spamming
No Fake News
Don't Copy-Paste
No Personal Attacks

`