S’mores Cookie Bars
S’mores Cookie Bars are everything you love about a classic campfire s’more — but baked into a chewy, shareable bar you can make any night of the week.
No campfire required. No sticky fingers from roasting marshmallows. Just pure, cozy dessert magic that comes together in under an hour.
Table of Contents
Little Snapshot: What This Recipe Delivers
These S’mores Cookie Bars are a from-scratch, baked dessert made with a buttery graham cracker cookie base, layered with marshmallow creme and semi-sweet chocolate chips.
They bake in about 25–30 minutes, serve 16, and land firmly in the “easy but impressive” category — perfect for bake sales, potlucks, or a Tuesday night when you just need something good.
Why You’ll Love This Recipe
- These S’mores Cookie Bars take less time to make than a campfire takes to get going — and there’s zero risk of a burnt marshmallow.
- They’re made with simple pantry staples you probably already have, so no special grocery run needed.
- The layers of gooey marshmallow creme and melty chocolate make these smores bars look bakery-fancy with barely any effort.
- According to King Arthur Baking’s guide to perfect bar cookies, the secret to great bars is a well-pressed base layer — and this recipe absolutely delivers on that.
Quick Facts
Here’s the quick scoop on this S’mores Cookie Bars recipe.
- CourseDessert
- Prep Time20 minutes
- Cook Time25–30 minutes
- Total TimeAbout 1 hour (includes cooling)
- Servings16 bars
- DifficultyEasy
Nutritional Peek
Here’s an approximate nutritional breakdown per bar (based on 16 servings). These are estimates and may vary based on specific brands used.
| Nutrient | Amount Per Serving |
|---|---|
| Calories | ~210 kcal |
| Protein | ~2g |
| Carbohydrates | ~30g |
| Fat | ~9g |
| Fiber | ~1g |
| Sugar | ~18g |
Ingredients for S’mores Cookie Bars

These smores bars use two simple categories of ingredients. For the wet base — softened butter, brown sugar, egg, and vanilla — you’ll want everything at room temperature so it creams up perfectly smooth.
For the dry mix — flour, graham cracker crumbs, baking powder, and salt — a quick whisk brings it all together. Then comes the fun part: the layers of chocolate chips and marshmallow creme that make these bars absolutely irresistible.
| Amount | Ingredient |
|---|---|
| 1/2 cup (113g) | Unsalted butter, softened to room temperature |
| 3/4 cup (150g) | Packed light or dark brown sugar |
| 1 large | Egg, at room temperature |
| 1 teaspoon | Pure vanilla extract |
| 1 cup (125g) | All-purpose flour, spooned and leveled |
| 1 cup (120g) | Graham cracker crumbs (about 8 full-sheet crackers) |
| 1/2 teaspoon | Baking powder |
| 1/4 teaspoon | Salt |
| 1 cup (180g) | Semi-sweet chocolate chips |
| 1 heaping cup | Marshmallow creme (store-bought Fluff or homemade) |
Tools You’ll Actually Use
Nothing fancy needed here — just the basics that get the job done.
- 8-inch or 9-inch square baking pan
- Parchment paper (with overhang for easy lifting)
- Stand mixer or handheld electric mixer
- Large mixing bowl
- Medium mixing bowl
- Whisk
- Rubber spatula
- Wire cooling rack
- Sharp knife for cutting bars
How to Make S’mores Cookie Bars Step by Step
Making S’mores Cookie Bars is easier than it looks — let’s walk through it together.

Step 1: Prep your pan and oven. Preheat your oven to 350°F (177°C). Line an 8-inch or 9-inch square baking pan with parchment paper, leaving enough overhang on the sides so you can lift the bars out easily once cooled. Set the pan aside.
Step 2: Cream the butter and sugar. In a large bowl using a stand mixer or handheld mixer with the paddle attachment, beat the softened unsalted butter and packed brown sugar together on medium-high speed for about 3 minutes, until light and fluffy.
Step 3: Add egg and vanilla. Add the room-temperature egg and vanilla extract to the butter-sugar mixture. Beat until just combined. Scrape down the sides and bottom of the bowl as needed. The mixture may look slightly curdled — that’s totally normal, keep going.
Step 4: Mix the dry ingredients. In a separate medium bowl, whisk together the all-purpose flour, graham cracker crumbs, baking powder, and salt until well combined.
Step 5: Combine wet and dry. Pour the flour-graham cracker mixture into the wet ingredients. Beat on medium speed until a soft, slightly sticky dough forms. Don’t overmix — just until everything comes together.
Step 6: Press in the base layer. Press about two-thirds of the graham cookie dough into an even layer in your prepared pan. It doesn’t need to be perfect — just eyeball it. The dough is sticky, so using damp hands or the back of a spatula makes this easier.
Step 7: Add the marshmallow creme layer. Spread the marshmallow creme evenly over the cookie dough base. It’s sticky and a little stubborn — do your best to get a relatively even layer. A lightly greased spatula helps a lot here.
Step 8: Add the chocolate chips. Sprinkle the semi-sweet chocolate chips in an even layer over the marshmallow creme, covering as much surface area as possible.
Step 9: Add the top cookie layer. Take the remaining one-third of the graham cookie dough and flatten small pieces between your palms. Lay them over the chocolate chip layer in a patchwork pattern. You won’t have enough to cover everything — and that’s the point. Some chocolate and marshmallow should peek through the top.
Step 10: Bake and cool. Bake for 25–30 minutes, until the top is lightly golden brown. Remove from the oven and set the pan on a wire rack. Let the bars cool completely before lifting them out and slicing into squares. Patience is everything here — cutting warm bars gets messy.

Pro Tips for the Best Smores Bars
A few small things make a big difference when you’re baking these cookie bars. Getting them just right is honestly pretty forgiving — but these tips help guarantee perfection every time.
Use real room-temperature butter. Cold butter won’t cream properly with the sugar, and melted butter will make the dough greasy. Pull your butter out about 30–60 minutes before baking. It should leave a slight indent when you press it but not be shiny or soft.
Don’t skip the parchment overhang. This is the key to getting your bars out of the pan in one beautiful piece. Press the parchment into the corners and let the sides hang over by at least an inch on each side.
Cool completely before cutting. Seriously — this one matters. The layers need time to set, or you’ll end up with a beautiful mess on your cutting board. Give them at least 1–2 hours at room temperature.
Flatten the top dough pieces thin. The thinner you press those patchwork pieces, the better the bake. Thick chunks won’t cook through evenly before the rest of the bar is done.
If you love layered dessert bars, you’ll also adore these fudgy brownie batter dip and these gorgeous strawberry crunch cheesecake bites — both are just as easy and crowd-pleasing.
Quick Fixes for S’mores Cookie Bars
My bars came out doughy in the middle
This usually means they needed a few more minutes in the oven. Every oven is different, so if the top looks golden but the center feels soft, add 3–5 more minutes and check again. Using an 8-inch pan will give you slightly thicker, doughier bars than a 9-inch pan — both are great, just adjust time accordingly.
The marshmallow creme is impossible to spread
Totally normal — that stuff is gloriously stubborn. Try warming your spatula slightly (run it under hot water and dry it off) or give your spatula a quick spray of cooking spray. Don’t stress about getting it perfectly even; it melts and evens out during baking.
My bars fell apart when I cut them
They weren’t fully cooled yet — that’s the most common culprit. The chocolate and marshmallow layers need to re-set as the bars cool. Give them a full 1–2 hours at room temperature before slicing. For even cleaner cuts, pop them in the fridge for 20 minutes first.
The top cookie layer looks underdone
Because it’s in patches over a sticky layer, the top dough can sometimes look pale. Check the edges — if they’re set and lightly golden, the bars are done. The top will firm up as the bars cool, even if it looks soft coming out of the oven.
Variations and Adaptations
These smores bars are wonderfully flexible. Here are a few fun ways to switch things up:
- Dark chocolate version: Swap semi-sweet chips for dark chocolate chips (70% cacao) for a richer, less sweet bar.
- Peanut butter swirl: Drop spoonfuls of peanut butter on top of the marshmallow layer before adding the chocolate chips. Peanut butter + s’mores = absolute magic.
- Gluten-free adaptation: Use a 1:1 gluten-free flour blend and gluten-free graham crackers. The texture is slightly more crumbly but still delicious.
- Mini marshmallows instead of creme: Scatter mini marshmallows in place of the creme. They’ll puff and toast beautifully — just know the layer will be less even.
- White chocolate chips: Replace some or all of the semi-sweet chips with white chocolate for a sweeter, creamier bar.
- Fall version: Add 1/2 teaspoon of cinnamon to the dough and use caramel chips alongside the chocolate for a cozy autumn twist.
Serving, Storage, and Reheating

These smores bars are best served at room temperature — that’s when the layers are perfectly set and the texture is just right. Slice into 16 squares and pile them on a plate, or stack them in a tin lined with parchment for gifting.
They also pair beautifully alongside a scoop of vanilla ice cream if you want to make things extra special. And if you’re in the mood for more fun party dips and bites, don’t miss this loaded Rotel dip for your next gathering spread.
Store leftover cookie bars in an airtight container at room temperature for up to 1 week. No need to refrigerate — the marshmallow creme is shelf-stable once baked. Keep layers separated with parchment if stacking in a container to prevent sticking.
To reheat, pop a bar in the microwave for 10–15 seconds. That’s all it takes to get that warm, gooey marshmallow texture back. You can also warm them in a 300°F oven for about 5 minutes if you’re reheating several at once.
No-Waste Kitchen Magic
Got leftover graham cracker crumbs from crushing your crackers? Don’t toss them. Here are a few clever ways to use up every last crumb:
- Use extra crumbs as a topping for yogurt or ice cream parfaits.
- Press leftover crumbs into a mini cheesecake crust for individual cups.
- Stir them into oatmeal for a cozy, slightly sweet breakfast twist.
- If you have leftover marshmallow creme, spread it on toast or stir into hot chocolate for a treat.
- Day-old bars? Crumble them over vanilla ice cream for a spontaneous s’mores sundae.
FAQs About S’mores Cookie Bars
Can I freeze S’mores Cookie Bars?
Yes, you can freeze these bars really well. Let them cool completely, then cut into squares and wrap each one individually in plastic wrap. Store in a freezer-safe bag for up to 3 months.
What’s the best way to store S’mores Cookie Bars?
Store them covered at room temperature in an airtight container for up to 1 week. They don’t need to be refrigerated. If you’re stacking layers, place a sheet of parchment between each layer to prevent sticking.
How do I know when S’mores Cookie Bars are done baking?
Look for a lightly golden brown top and set edges — that’s your signal. The center might still look slightly soft right out of the oven, but it firms up as the bars cool.
Why should I use graham cracker crumbs in S’mores Cookie Bars?
Graham cracker crumbs are what make these taste like an actual s’more instead of just a chocolate chip cookie bar. They add a slightly sweet, honey-wheat flavor and a subtle crunch that regular flour alone can’t replicate.
Will the marshmallow creme burn during baking?
It can brown on the edges where it’s exposed, but that’s actually part of the charm — it adds a slightly toasted flavor. The cookie dough patches on top protect most of the marshmallow layer during baking.
Make These S’mores Cookie Bars Your Own
I’d love to see your spin on these S’mores Cookie Bars! Drop a comment below with your results — did you add peanut butter? Go dark chocolate? Try the gluten-free version?
Share your photos, your tweaks, your happy accidents. These smores bars are so versatile, I know you’ve already got ideas brewing.
So there you go — S’mores Cookie Bars that feel totally fancy but are secretly one of the easiest things you’ll ever bake. No campfire, no fuss, just pure gooey happiness in every square.

S’mores Cookie Bars
Equipment
- Square baking pan
- Parchment paper
- Stand mixer or hand mixer
- Mixing bowls
- Whisk
- Rubber spatula
- Wire rack
- Knife
Ingredients
Wet Ingredients
- ½ cup unsalted butter softened
- ¾ cup brown sugar packed
- 1 large egg room temperature
- 1 teaspoon vanilla extract
Dry Ingredients
- 1 cup all-purpose flour
- 1 cup graham cracker crumbs
- ½ teaspoon baking powder
- ¼ teaspoon salt
Filling & Toppings
- 1 cup semi-sweet chocolate chips
- 1 heaping cup marshmallow creme
Instructions
- Preheat oven to 350°F (177°C) and line a square baking pan with parchment paper.
- Cream butter and brown sugar together until light and fluffy.
- Add egg and vanilla extract and mix until combined.
- Whisk together flour, graham cracker crumbs, baking powder, and salt in a separate bowl.
- Combine dry ingredients with wet ingredients to form a soft dough.
- Press two-thirds of the dough into the prepared pan as the base layer.
- Spread marshmallow creme evenly over the base.
- Sprinkle chocolate chips evenly over the marshmallow layer.
- Top with remaining dough in small flattened pieces in a patchwork pattern.
- Bake for 25–30 minutes until lightly golden, then cool completely before slicing.
