Imagine combining the classic campfire treat with your favorite cookie dough into one irresistible dessert. These S’mores Cookie Bars deliver perfect harmony between crispy graham crackers, gooey marshmallows, and rich chocolate.
Better yet, they come together in just 32 minutes without any campfire required. Whether you’re hosting a summer BBQ or craving a nostalgic sweet, this recipe promises smiles around the table.
Why You’ll Love This S’mores Cookie Bars Recipe
These cookie bars solve all your dessert dilemmas. First, they capture the authentic S’mores flavor while remaining oven-baked and mess-free.
Second, you get that iconic golden marshmallow topping without risking burned fingers. Third, the recipe uses simple pantry staples.
Finally, the cinnamon-spiced cookie base adds a warm twist that keeps people reaching for seconds. Kids adore them at birthday parties while adults appreciate them as quick potluck solutions.
Crowd-Pleasing Convenience
Unlike traditional S’mores, this version requires no open flames or specialty equipment. The bars travel well for picnics or school events.
Plus, the recipe scales easily double it for large gatherings or halve it using an 8×8 pan for smaller families. If you love easy desserts that impress everyone, this becomes your new staple.
Recipe
Print
S’mores Cookie Bars
- Total Time: 32 min
- Yield: 16 servings 1x
Description
Gooey marshmallow-topped cookie bars layered with chocolate and graham crackers for an easy indoor S’mores experience.
Ingredients
- ½ cup butter (113 g)
- 1½ cups brown sugar (320 g)
- ½ cup white sugar (100 g)
- 2 teaspoons ground cinnamon (5 g)
- 2 teaspoons vanilla extract (10 ml)
- 2 large eggs
- 2 cups all-purpose flour (240 g)
- 2 teaspoons baking powder (10 g)
- 1 teaspoon sea salt (5 g)
- 1 cup semi-sweet chocolate chips (175 g)
- 12 oz bag large marshmallows (340 g, cut in half)
- 2 milk chocolate candy bars (100 g, cut into small pieces)
- 8 graham crackers (120 g, broken into small pieces)
Instructions
- Preheat oven to 350°F (175°C).
- Line a 9×13 baking pan with parchment paper or grease with butter/cooking spray.
- Melt butter in a large microwave-safe bowl.
- Add brown sugar and white sugar, mixing until fully combined.
- Mix in ground cinnamon and vanilla extract.
- Add eggs and beat until fully combined.
- Gradually add flour, one cup at a time, mixing well after each addition.
- Mix in baking powder and sea salt.
- Fold in chocolate chips.
- Transfer dough to prepared pan and spread evenly.
- Bake for 20 minutes or until golden brown (toothpick test).
- Remove from oven and place halved marshmallows cut-side down on surface.
- Return to oven and broil for 2 minutes until marshmallows toast.
- Remove from oven and top with chocolate pieces and graham cracker crumbs.
- Cool completely before cutting and serving.
Notes
- For cleaner slices, chill bars for 30 minutes before cutting.
- Use kitchen shears to easily cut marshmallows in half.
- Store leftovers in an airtight container for up to 5 days.
- Prep Time: 10 min
- Cook Time: 22 min
- Category: Main Course
- Method: Baked
- Cuisine: American
Nutrition
- Calories: 401 kcal
- Sugar: 46 g
- Sodium: 270 mg
- Fat: 13 g
- Carbohydrates: 70 g
- Fiber: 2 g
- Protein: 4 g
Ingredients and Substitutions
Let’s break down what you need and possible swaps:
Base Components
- Butter: Unsalted works best but salted versions add a nice contrast. Vegan butter substitutes work beautifully too.
- Sugars: Dark brown sugar gives deeper molasses notes than light, but either works. For less sweetness, reduce white sugar to ⅓ cup.
- Eggs: Room-temperature eggs blend more smoothly. No eggs? Use flax eggs (1 tbsp ground flax + 2.5 tbsp water per egg).
Flavor Enhancers
- Chocolate Chips: Semi-sweet balances the sweetness. Use dark chocolate chips for intensity or milk chocolate for creaminess.
- Marshmallows: Standard large marshmallows toast best. For quick melting, use mini marshmallows spread evenly.
- Graham Crackers: Honey-flavored traditional ones shine here. Substitute digestive biscuits or vanilla wafers if unavailable.
How to Make S’mores Cookie Bars
Follow these steps for perfect results every time:
Step 1: Prep the Pan
Line a 9×13 pan with parchment paper, leaving overhangs on two sides for easy removal. Alternatively, grease generously with butter or non-stick spray. Preheat your oven to 350°F (175°C).
Step 2: Make the Dough
Melt butter in a microwave-safe bowl for 45 seconds. Whisk in brown and white sugars until smooth. Add cinnamon and vanilla, stirring until fragrant. Beat in eggs one at a time until incorporated. Gradually mix flour, baking powder, and salt into the wet ingredients. Fold chocolate chips into the thick batter.
Step 3: Bake and Top
Spread dough evenly in your prepared pan. Bake 20 minutes until edges turn golden brown. Let cool 5 minutes, then arrange halved marshmallows cut-side down over the surface. Broil 2 minutes until marshmallows toast—watch closely to prevent burning. Remove from oven and immediately press chocolate pieces and graham cracker crumbs into the gooey layer.
Pro Tips for Success
Three professional secrets elevate these bars:
- Cooling Time: Let the baked base cool slightly before marshmallow topping. This prevents sinking into the dough.
- Broil Smartly: Place pan on the oven’s middle rack during broiling. Rotate halfway for even browning.
- Cut Cleanly: Use a knife dipped in hot water then dried for smooth slices. Wipe between cuts.
Flavor Variations
While classic S’mores charm crowds, try these twists:
Nutty Delight
Swap chocolate chips for peanut butter cups and sprinkle chopped peanuts over marshmallows. The nutty crunch pairs wonderfully with graham crackers. For another savory-sweet combo, try our Thai Chicken Lettuce Wraps that balance fresh herbs and spice.
Fruity Burst
Layer raspberries or sliced strawberries between the cookie dough and marshmallows. Their tartness cuts through the sweetness brilliantly.
Serving Suggestions
Serve these bars slightly warm with vanilla ice cream for ultimate indulgence. Pair with coffee for brunch or crumble over yogurt for breakfast (no judgment!). For lighter meal pairings, try them alongside this zesty Lemon Chicken Pasta that brightens up dinner spreads.
Storage and Freezing Instructions
Store cooled bars in an airtight container at room temperature for 3 days or refrigerate for 5 days. Reheat briefly in the microwave to restore gooeyness. To freeze, wrap individual portions tightly in plastic then foil. Thaw overnight before serving. For longer storage strategies, check out our Healthy Winter Salad Guide that includes make-ahead tips.
Nutrition Facts per Serving
| Calories | Fat | Carbs | Protein | Fiber | Sugar | Sodium |
|---|---|---|---|---|---|---|
| 401 kcal | 13 g | 70 g | 4 g | 2 g | 46 g | 270 mg |
FAQs About S’mores Cookie Bars
Can I make these gluten-free?
Absolutely! Replace all-purpose flour with a 1:1 gluten-free blend and ensure graham crackers are gluten-free certified.
Why did my marshmallows melt completely?
Broiling too long or placing the pan too close to the heating element causes over-melting. Stick to 2 minutes on the middle rack.
Can I use homemade marshmallows?
Yes, but they’ll toast faster. Check every 30 seconds under the broiler to prevent burning.
Final Thoughts
These S’mores Cookie Bars redefine simplicity in dessert-making. They bring outdoor fun indoors while keeping cleanup minimal. Perfect for busy weeknights or last-minute guests, they guarantee empty pans and happy faces. Now that you’ve mastered this version, experiment with different chocolates or toppings to make it yours. Share them proudly just be ready to hand out the recipe!
