|

S’mores Cookie Bars Recipe

If you’re anything like me and totally obsessed with that perfect sweet and gooey treat from summertime campfires, then you’re going to love this S’mores Cookie Bars Recipe. It’s everything you want in one bite — crispy, chewy cookie layers hugging melty chocolate and fluffy marshmallow goodness. I promise, once you try this, it’ll become your go-to dessert for feeding a crowd or satisfying that serious sweet tooth. Ready to dive into a really fan-freaking-tastic treat? Let’s get baking!

🤍

Why This Recipe Works

  • Layered Texture: Combining cookie dough, chocolate bars, and marshmallow fluff creates a beautiful mix of crunch, melt, and chew with every bite.
  • Graham Cracker Cookies: The crushed graham crackers in the dough add authenticity and a subtle crunch that’s just right for true s’mores flavor.
  • Easy Assembly: Pressing half the dough, adding toppings, then layering with chilled dough on top makes it easier to create neat, gooey bars.
  • Perfect for Sharing: These bars slice easily and serve a crowd, so they’re perfect for parties, potlucks, or an indulgent family dessert.

Ingredients & Why They Work

This S’mores Cookie Bars Recipe blends classic flavors with trustworthy baking staples, combining graham cracker crumbs right into the dough for depth and using marshmallow fluff for that signature gooey top that doesn’t melt away too fast. Shopping tip? Use good-quality chocolate bars for the best melty richness, and fresh marshmallow fluff if you can find it!

S'mores Cookie Bars, S'mores Cookie Bars Recipe, no-bake S'mores dessert, easy S'mores bar recipe, camping-inspired cookies - Flat lay of a soft pat of butter, a small mound of light and dark brown sugar crystals side by side, a single clean whole brown egg, a small white ceramic bowl of smooth vanilla extract, a neat pile of all-purpose flour, a small heap of finely crushed graham cracker crumbs, a pinch of coarse salt crystals, a small mound of baking soda powder, five unwrapped Hershey chocolate bars arranged neatly, and a dollop of fluffy marshmallow creme in a small white bowl, all placed on a clean white marble surface, soft natural light, photo taken with an iPhone, professional food photography style, fresh ingredients, white ceramic bowls, no bottles, no duplicates, no utensils, no packaging --ar 2:3 --v 7 --p m7354615311229779997
  • Butter: I prefer salted butter here; it balances the sweetness nicely, but unsalted works perfectly if that’s what you have.
  • Brown Sugar: Adds moistness and that deep caramel flavor that plays perfectly with the graham crackers.
  • Granulated Sugar: For some extra sweetness and helps with that slight crisp on the cookie edges.
  • Egg: The binder that brings all the cookie dough together smoothly.
  • Vanilla Extract: The little flavor booster that elevates everything.
  • All-Purpose Flour: The base of the cookie dough, it gives structure and chewiness.
  • Graham Crackers (finely crushed): Essential for authentic s’mores flavor and adds a lovely texture twist.
  • Salt: Enhances all the other sweet flavors, don’t skip it!
  • Baking Soda: Helps the cookie bars rise just enough and get a delicate crumb.
  • Hershey Bars: The classic chocolate that melts smoothly without overpowering the marshmallow and cookie layers.
  • Marshmallow Fluff: This is the magic gooey layer that holds everything together and gives that campfire s’mores vibe.
📝
Note: You’ll find the complete list of ingredients, along with their exact measurements, in the printable recipe card at the bottom of this post.

Make It Your Way

I love to keep this recipe straightforward, but there’s definitely room for fun personal touches! Whether you want to swap in dark chocolate, add a sprinkle of sea salt on top, or go all-in with mini chocolate chips mixed into the dough, this S’mores Cookie Bars Recipe is super forgiving and sure to please.

  • Variation: I once swapped Hershey bars for peanut butter cups — the peanut-buttery richness paired beautifully with the marshmallow fluff. Totally worth trying if you love PB & S’mores.
  • Gluten-Free Option: You can substitute all-purpose flour with a gluten-free blend; just be mindful of how the graham cracker crumbs fit into your dietary needs.
  • Make it Vegan: Use vegan butter, a flax egg, and dairy-free chocolate bars. Marshmallow fluff is trickier but some brands have vegan versions you can seek out.
  • Seasonal Twist: During the holidays, I add a pinch of cinnamon or pumpkin pie spice into the dough — it gives the bars a cozy, festive vibe.

Step-by-Step: How I Make S’mores Cookie Bars Recipe

Step 1: Prep and Cream Butter & Sugars

Start by preheating your oven to 350°F and lining an 8×8 inch pan with parchment paper — this makes cleanup a breeze. Then cream your softened butter with both brown and granulated sugar until the mixture looks creamy and smooth, about 2-3 minutes. This step is key to a nicely textured cookie base, so don’t rush it. Add the egg and vanilla extract, then mix until just combined.

Step 2: Add Dry Ingredients with Care

Next, toss in the flour, graham cracker crumbs, salt, and baking soda. Mix gently until the flour disappears but don’t overmix! Overworking your dough can make those bars tough instead of tender — remember, gentle is key here.

Step 3: Form the Layers

Press half of the cookie dough evenly into the parchment-lined pan. Here’s a kitchen trick: remove this parchment (with the dough on it) and pop it in the freezer so it firms up while you clean and re-line the pan with fresh parchment. Then press the remaining dough directly into the pan — it forms a nice top layer that’s easier to handle.

Step 4: Add Chocolate and Marshmallow Fluff

Break up the Hershey bars and scatter them over the chilled bottom dough layer. Then spread the marshmallow fluff evenly on top of the chocolate bars — be gentle so you don’t push the bars out of place. Now, very carefully, flip the chilled top layer of cookie dough over the fluff, creating that genius layered bar. It takes a steady hand, but totally worth it!

Step 5: Bake and Cool

Bake your bars in the preheated oven for about 25 minutes. You should see the edges just starting to turn golden; that means they’re done. The hardest part? Letting them cool completely before slicing — if you cut too soon, the marshmallow and chocolate will ooze everywhere. Trust me, waiting is worth it for that perfect cross section.

💡

Tips from My Kitchen

  • Chill the Dough Layers: Freezing the bottom dough layer before assembly helps keep the bars neat and prevents the marshmallow from seeping all the way through.
  • Use Parchment Paper for Easy Removal: It’s much easier to lift out the bars once they’re fully cooled and helps keep the crisp edges intact.
  • Even Spreading Matters: Take your time spreading the marshmallow fluff so every bite has that sweet gooey texture.
  • Slice with a Hot Knife: Run your knife under hot water and dry it before cutting—this prevents the goo from sticking and helps you get cleaner slices.

How to Serve S’mores Cookie Bars Recipe

S'mores Cookie Bars, S'mores Cookie Bars Recipe, no-bake S'mores dessert, easy S'mores bar recipe, camping-inspired cookies - The image shows a stack of three s'mores bars with three clear layers in each piece. The top and bottom layers are golden brown, crumbly cookie crust with a slightly rough texture. The middle layer is thick and creamy with a bright white marshmallow filling. Between the marshmallow and cookie layers is a rich, smooth, dark brown chocolate layer. The stack sits on a white marbled surface, with the background softly blurred to keep focus on the dessert. Photo taken with an iphone --ar 2:3 --v 7

Garnishes

I like sprinkling a tiny pinch of flaky sea salt right after baking. It sounds fancy, but the salt really makes the chocolate pop and balances the sweetness. If you want to keep it classic, a light dusting of powdered sugar looks pretty and adds a little extra sweetness on top.

Side Dishes

These bars are sweet and filling, so I often stick to lighter sides like fresh fruit or a simple scoop of vanilla ice cream. A cold glass of milk or a hot cup of coffee or cocoa rounds out my perfect dessert combo.

Creative Ways to Present

For a party, I love serving these bars on a rustic wooden board with extra mini marshmallows and some graham crackers scattered around. Sometimes I even pipe a little extra marshmallow fluff on top using a spoon for a fun twist — kids adore that! It brings a festive campfire vibe indoors.

Make Ahead and Storage

Storing Leftovers

Once completely cooled, I store these cookie bars in an airtight container at room temperature for up to 3 days. They stay soft and delicious when properly sealed.

Freezing

If you want to prep ahead or save leftovers, wrap bars individually in plastic wrap, then place them in a freezer-safe container. From my experience, they freeze beautifully for up to 2 months without losing their texture or flavor.

Reheating

To revive that gooey magic after freezing, just warm a bar in the microwave for about 20 seconds or until soft but not melted. This trick restores the marshmallow fluff’s gooey texture and makes it taste freshly baked.

FAQs

  1. Can I use mini marshmallows instead of marshmallow fluff in the S’mores Cookie Bars Recipe?

    Great question! Mini marshmallows can work but marshmallow fluff spreads more evenly and melts into a smooth gooey layer. If you choose mini marshmallows, try adding them on top of the chocolate bars and letting them melt during baking, but the texture will be a little different and less uniform.

  2. What’s the best way to crush graham crackers for the dough?

    I usually pop the graham crackers into a plastic bag and use a rolling pin or the back of a spoon to crush them finely. You want small crumbs, not big chunks, so they blend seamlessly into the dough and give that authentic s’mores flavor.

  3. Can I make this recipe in a larger pan?

    You sure can! Just adjust the baking time slightly. For example, if you use a 9×13 inch pan, expect to bake for around 30-35 minutes. Keep a close eye as oven temps and sizes vary. The edges should be golden, and the center set but soft.

  4. How do I avoid the marshmallow fluff from leaking out during baking?

    Chilling the bottom cookie dough layer with parchment before layering the fluff and dough on top really helps keep everything in place. Also, handle the top dough layer gently and press only lightly to avoid squishing the marshmallow out the sides.

Final Thoughts

I’m honestly thrilled every time I make this S’mores Cookie Bars Recipe because it brings back memories of bonfires and lazy summer nights but in a perfectly portable and shareable form. It’s sweet, nostalgic, and just plain fun. Give it a try — I’m betting you’ll fall in love with this golden layered treat just like I did. Once you do, I’d love to hear about how you made it your own! Baking’s better when shared, right?

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

S’mores Cookie Bars Recipe

5 Stars 4 Stars 3 Stars 2 Stars 1 Star 4.4 from 9 reviews
  • Author: Caroline
  • Prep Time: 15 minutes
  • Cook Time: 25 minutes
  • Total Time: 40 minutes
  • Yield: 16 servings
  • Category: Dessert
  • Method: Baking
  • Cuisine: American

Description

Delicious s’mores cookie bars featuring a crunchy graham cracker cookie base, a layer of melted Hershey bars, and a gooey marshmallow fluff topping, all baked to golden perfection. Perfect for a nostalgic treat that combines the classic flavors of s’mores in an easy-to-make bar form.


Ingredients

Cookie Dough

  • 1/2 cup butter, softened, salted or unsalted
  • 1/3 cup brown sugar
  • 1/4 cup granulated sugar
  • 1 egg
  • 1 tsp vanilla extract
  • 1 1/2 cup all-purpose flour
  • 1/2 cup graham crackers, finely crushed (about 3.5 sheets)
  • 1/4 tsp salt
  • 3/4 tsp baking soda

Layers

  • 5 standard Hershey bars
  • 1 1/2 cup marshmallow fluff


Instructions

  1. Preheat and Prepare Pan: Preheat the oven to 350 degrees Fahrenheit. Line an 8×8 inch baking pan with parchment paper and set aside.
  2. Cream Butter and Sugars: In a mixing bowl, cream together the softened butter, brown sugar, and granulated sugar until well combined and fluffy. Add the egg and vanilla extract, then mix until smooth and fully incorporated.
  3. Add Dry Ingredients: Add the all-purpose flour, finely crushed graham crackers, salt, and baking soda to the wet mixture. Mix just until the flour mixture disappears and the dough is evenly combined without overmixing.
  4. Form Dough Layers: Press half of the cookie dough evenly onto the prepared baking pan. Carefully remove the dough-lined parchment paper from the pan and place it in the freezer to chill. Re-line the pan with fresh parchment paper and press the remaining dough evenly onto this second parchment sheet.
  5. Assemble Bars: Arrange the Hershey bars pieces over the dough on the parchment in the pan, breaking them as needed to cover the entire surface. Spread the marshmallow fluff evenly over the chocolate layer. Next, carefully flip the chilled dough layer from the freezer on top of the marshmallow fluff, aligning it gently to keep the layers intact.
  6. Bake: Bake the assembled cookie bars in the preheated oven for 25 minutes until golden around the edges and set in the center.
  7. Cool and Serve: Allow the cookie bars to cool completely in the pan before slicing into 16 servings for clean bars with distinct s’mores layers.

Notes

  • Ensure the parchment paper layers are properly greased or non-stick to prevent sticking when flipping the dough.
  • Use salted or unsalted butter based on preference; if using salted butter, reduce added salt accordingly.
  • Chilling one layer of dough in the freezer helps to maintain the integrity of layers when flipping and assembling.
  • Allowing the bars to cool fully is essential for clean cutting and to avoid melting mess.
  • For a twist, substitute Hershey bars with other chocolate types or add chopped nuts for texture.

Nutrition

  • Serving Size: 1 bar
  • Calories: 280 kcal
  • Sugar: 21 g
  • Sodium: 120 mg
  • Fat: 14 g
  • Saturated Fat: 8 g
  • Unsaturated Fat: 5 g
  • Trans Fat: 0 g
  • Carbohydrates: 33 g
  • Fiber: 1 g
  • Protein: 3 g
  • Cholesterol: 40 mg

You Might Also Like These Recipes

Leave a Reply

Your email address will not be published. Required fields are marked *

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