S’mores Cookie Bars Recipe With Gooey Marshmallow And Chocolate

By:

Basil Anne

Published:

August 14, 2025

[grow_share_buttons]

If you’re looking for a dessert that captures the nostalgic joy of campfire s’mores without the hassle of building a fire, these Smores Chocolate Chip Cookie Bars are about to become your new favorite treat. These bars bring together the classic combination of gooey marshmallow, rich chocolate, and buttery graham cracker in a convenient, shareable form that everyone will adore.

What Makes These Bars Special

What sets these cookie bars apart is their perfect balance of textures and flavors. The soft, chewy cookie base made with graham cracker crumbs provides that familiar campfire taste, while the layers of marshmallow creme and semi-sweet chocolate chips create that irresistible gooeyness we all love in traditional s’mores. Unlike regular cookies, these bars have a multi-dimensional texture that satisfies with every bite.

One of the best aspects of this smores chocolate chip cookie bars recipe is its straightforward preparation. With just 15 minutes of prep time and common pantry ingredients, you can whip up a batch even on busy weeknights. The recipe is forgiving enough for beginners but yields results impressive enough for experienced bakers.

These cookie bars transform simple ingredients into an extraordinary dessert experience that will have everyone asking for seconds and the recipe!

Versatility for Every Occasion

With their crowd-pleasing flavors and easy portability, these cookie bars are perfect for nearly any occasion. They’re ideal for bake sales, potlucks, birthday parties, or simply as a special treat after dinner. Since they transport well without losing their shape or texture, you can confidently bring them to gatherings. If you’re looking for another crowd-pleasing baked good, our apple spice crumb muffins are another excellent option that pairs wonderfully with a cup of coffee.

Jump to:

Why You’ll Love This Smores Chocolate Chip Cookie Bars
What Makes These Bars Special
Versatility for Every Occasion
Essential Ingredients for Smores Chocolate Chip Cookie Bars
Cookie Bar Ingredients
The Secret to Perfect Graham Cracker Crumbs
Understanding Marshmallow Creme
How to Prepare the Perfect Smores Chocolate Chip Cookie Bars: Step-by-Step Guide
Preparation and Baking Instructions
Important Baking Tips
Dietary Substitutions to Customize Your Smores Chocolate Chip Cookie Bars
Gluten-Free Options
Dairy-Free and Vegan Alternatives
Flavor Variations
Mastering Smores Chocolate Chip Cookie Bars: Advanced Tips and Variations
Professional Baking Techniques
Presentation and Serving Ideas
Make-Ahead and Freezing Instructions
How to Store Smores Chocolate Chip Cookie Bars: Best Practices
Short-Term Storage
Long-Term Freezing Method
FAQs: Frequently Asked Questions About Smores Chocolate Chip Cookie Bars
Can I use regular marshmallows instead of marshmallow creme in s’mores chocolate chip cookie bars?
What pan size should I use to make s’mores chocolate chip cookie bars, and can I change the size?
What can I substitute for graham crackers if I don’t have them on hand?
Is it better to use homemade marshmallow creme or store-bought for these cookie bars?
How long should I bake s’mores chocolate chip cookie bars for the best texture?
Smores Chocolate Chip Cookie Bars
Ingredients
Instructions
Last Step:
Notes
Nutrition
Did you make this recipe?

The beauty of these bars lies in their simple ingredient list. Each component plays a crucial role in creating that perfect balance of flavors and textures that make these cookie bars so irresistible.

1/2 cup unsalted butter (113g)
3/4 cup packed light or dark brown sugar (150g)
1 large egg at room temperature
1 teaspoon pure vanilla extract
1 cup all-purpose flour (125g)
1 cup graham cracker crumbs (120g, about 8 full-sheet graham crackers)
1/2 teaspoon baking powder
1/4 teaspoon salt
1 cup semi-sweet chocolate chips (180g)
1 heaping cup marshmallow creme (store-bought or homemade)

The Secret to Perfect Graham Cracker Crumbs

The graham cracker crumbs are essential for that authentic s’mores flavor. While you can use store-bought crumbs, making your own from full-sheet graham crackers gives you better control over the texture. For the best results, pulse the crackers in a food processor until fine but not powdery. If you’re looking for more ways to use graham crackers, this graham cracker crust recipe offers another delicious application for this versatile ingredient.

Understanding Marshmallow Creme

One key ingredient that makes these bars special is the marshmallow creme. Unlike regular marshmallows, marshmallow creme (sometimes called marshmallow fluff) maintains its creamy texture during baking without melting away. This creates those distinct gooey layers that make these bars so decadent. While store-bought marshmallow creme works perfectly, homemade version adds an extra level of creaminess and flavor that’s worth the effort if you have time.

Now that we have all our ingredients ready, let’s walk through the process of creating these delightful bars. Follow these steps carefully to ensure your cookie bars turn out perfectly gooey and delicious every time.

Preparation and Baking Instructions

Preheat your oven to 350°F (177°C). Line an 8-inch or 9-inch square pan with parchment paper, leaving some overhang on the sides. This will make it much easier to remove the bars later.
In a mixing bowl, cream together the unsalted butter and packed brown sugar using an electric mixer on medium-high speed. Continue beating for about 2 minutes until the mixture is light and fluffy.
Add the room temperature egg and vanilla extract to the butter-sugar mixture. Beat until well combined. Don’t worry if the mixture looks a bit curdled at this point this is normal and will smooth out when we add the dry ingredients.
In a separate bowl, whisk together the all-purpose flour, graham cracker crumbs, baking powder, and salt. Gradually mix this dry ingredient blend into the wet ingredients until just combined. Be careful not to overmix, as this can result in tough cookie bars.
Press about two-thirds of the cookie dough into the bottom of your prepared pan. Use your hands or the back of a spoon to create an even layer. Don’t worry if it seems thin it will puff up during baking.
Spread the marshmallow creme evenly over the cookie dough layer. An offset spatula works well for this step, but the back of a spoon can also do the job effectively.
Sprinkle the semi-sweet chocolate chips evenly over the marshmallow creme layer.
Take the remaining cookie dough and flatten small pieces between your hands. Arrange these pieces over the chocolate chips. It’s okay if the dough doesn’t fully cover the marshmallow and chocolate layers this creates the beautiful marbled effect we’re looking for.
Bake in the preheated oven for 25-30 minutes, or until the top is lightly golden brown. The center should still seem slightly soft to the touch.
Allow the bars to cool completely on a wire rack. This is an important step, as cutting them while warm will cause them to fall apart. Once cooled, use the parchment paper overhang to lift the bars out of the pan and cut them into squares.

Important Baking Tips

The dough might be sticky when you’re working with it, which is completely normal. Using your hands to press the dough into the pan and to place the top layer pieces is often more effective than trying to use utensils. Slightly dampening your hands with water can help prevent the dough from sticking to your fingers.

Baking Time and Yield Guide
Pan Size	Bake Time	Yield
8-inch square pan	25-30 minutes	16 bars
9-inch square pan	25-30 minutes	16 larger bars
9×13-inch pan (double recipe)	35-38 minutes	32 bars

Smores Chocolate Chip Cookie Bars — S'mores Cookie Bars Recipe With Gooey Marshmallow And Chocolate 9

One of the wonderful things about this smores cookie bars recipe is its adaptability. Whether you need to accommodate dietary restrictions or simply want to experiment with different flavors, these substitutions will help you create the perfect variation for your needs.

Gluten-Free Options

To make these cookie bars gluten-free, simply substitute the all-purpose flour with a good quality gluten-free baking blend that contains xanthan gum. For the graham cracker crumbs, look for certified gluten-free graham crackers or substitute with gluten-free digestive biscuit crumbs. The texture and flavor will remain remarkably close to the original recipe.

Dairy-Free and Vegan Alternatives

Making these bars dairy-free or vegan is easier than you might think. Replace the butter with an equal amount of coconut oil or a high-quality vegan margarine. For the egg, use a Flax egg (1 tablespoon ground flaxseed mixed with 3 tablespoons water, let sit for 5 minutes to thicken). Ensure your chocolate chips are dairy-free (many brands offer vegan options) and check that your marshmallow creme doesn’t contain gelatin, which is animal-derived.

Flavor Variations

While the classic s’mores flavor combination is hard to beat, these cookie bars lend themselves well to creative variations:

Nutty twist: Add 1/2 cup of chopped pecans or walnuts to the cookie dough for extra crunch and flavor.
Spiced version: Add 1/2 teaspoon of cinnamon to the dry ingredients for a warm, spiced flavor that complements the chocolate and marshmallow.
Mint fresh: Add 1/4 teaspoon of peppermint extract along with the vanilla for a refreshing mint-chocolate variation.
Coconut delight: Add 1/2 cup of shredded coconut to the cookie dough for a tropical twist.

Once you’ve mastered the basic recipe, these pro tips will help you take your smores chocolate chip cookie bars to the next level. These techniques ensure consistently delicious results every time you bake.

Professional Baking Techniques

For an even better texture, try chilling the dough for 30 minutes before pressing it into the pan. This helps prevent spreading and results in a chewier, more flavorful cookie bar. When spreading the marshmallow creme, warm your knife or offset spatula slightly under hot water and dry it before using this makes the sticky marshmallow much easier to work with.

Presentation and Serving Ideas

These bars are delicious on their own, but with a little extra effort, you can turn them into an impressive dessert:

Serve slightly warmed with a scoop of vanilla ice cream for an indulgent dessert.
Drizzle with melted chocolate or caramel sauce just before serving.
For special occasions, toast the tops briefly with a kitchen torch to give them that authentic campfire marshmallow appearance.
Cut into smaller squares and serve as part of a dessert platter with other sweet treats like our homemade jam and fresh bread.

Make-Ahead and Freezing Instructions

These bars are perfect for making ahead of time. Once cooled and cut, they can be stored in an airtight container at room temperature for up to a week. For longer storage, wrap individual bars in plastic wrap and place them in a freezer-safe container or bag. They’ll keep well in the freezer for up to three months. To enjoy frozen bars, simply thaw them overnight in the refrigerator or at room temperature for a couple hours.

Proper storage is key to maintaining the delicious texture and flavor of your cookie bars. Follow these guidelines to keep your treats fresh and tasty for as long as possible.

Short-Term Storage

For consumption within a week, store your cookie bars at room temperature in an airtight container. Place parchment paper between layers to prevent sticking. Keep them in a cool, dry place away from direct sunlight or heat sources. During humid weather, you might want to refrigerate them to prevent the marshmallow from becoming too sticky, but bring them to room temperature before serving for the best texture.

Long-Term Freezing Method

The beauty of these cookie bars is that they freeze exceptionally well, making them perfect for advance preparation:

Allow the bars to cool completely.
Cut into individual squares.
Wrap each bar tightly in plastic wrap.
Place wrapped bars in a freezer-safe container or zip-top bag, separating layers with parchment paper.
Label with the date and freeze for up to three months.

When you’re ready to enjoy them, thaw the bars overnight in the refrigerator or at room temperature for 2-3 hours. They’ll taste almost as good as when they were first baked!

These cookie bars make great homemade gifts. Package them in a decorative box with parchment paper between layers for a thoughtful, delicious present that anyone would love to receive.

Can I use regular marshmallows instead of marshmallow creme in s’mores chocolate chip cookie bars?

It’s best to use marshmallow creme instead of regular marshmallows. Regular marshmallows tend to melt completely during baking, causing them to disappear into the dough and leave holes or uneven texture in your bars. Marshmallow creme, on the other hand, holds its shape and creates that gooey, creamy layer traditional to s’mores.

What pan size should I use to make s’mores chocolate chip cookie bars, and can I change the size?

The original recipe fits a 9×9-inch pan, but if you want to bake in a 9×13-inch pan, you can double all the ingredients. Keep in mind that baking time will increase to about 35–38 minutes; you should check doneness with a toothpick to avoid overbaking.

What can I substitute for graham crackers if I don’t have them on hand?

Ground digestive biscuits are a great substitute for graham crackers in this recipe. They provide a similar sweet, slightly crunchy texture and work well as the base layer for the cookie bars.

Is it better to use homemade marshmallow creme or store-bought for these cookie bars?

Homemade marshmallow creme can add a creamier, fluffier texture compared to store-bought versions. If using homemade, prepare about a half batch, which yields just under 2 cups, and use 1¼ cups for the recipe. It’s a tasty upgrade but not necessary if you prefer convenience.

How long should I bake s’mores chocolate chip cookie bars for the best texture?

Bake the bars for 25–30 minutes at 350°F (175°C) when using a 9×9-inch pan. The edges should turn golden brown while the center remains slightly soft for a chewy texture. Adjust baking time if using a different pan size and always test with a toothpick to avoid drying out the bars.