Chocolate Chip Dessert with Marshmallow Layer
Chocolate Chip Dessert with Marshmallow Layer

Chocolate Chip Dessert with Marshmallow Layer
A Chocolate Chip Dessert with Marshmallow Layer is a nostalgic treat that balances rich, buttery chocolate notes with the light, airy sweetness of toasted marshmallows. This dessert features a dense, chewy base studded generously with semi-sweet chocolate chips, topped with a fluffy, golden-brown layer of marshmallow fluff or homemade meringue. The contrast in textures is the star here: the firm, fudgy bottom gives way to a soft, springy top that melts slightly in your mouth. It is an ideal choice for potlucks, holiday gatherings, or when you need a quick comfort food fix that feels special without requiring advanced pastry skills. The visual appeal of the white marshmallow layer against the dark chocolate base makes it a crowd-pleaser from the first slice.
This recipe is designed for the home cook who wants reliable results every time. By focusing on simple techniques and accessible ingredients, we ensure that even beginners can achieve a professional-looking dessert. The preparation involves mixing a straightforward batter, spreading it into a pan, adding the marshmallow topping, and baking until the edges are set and the top is perfectly browned. Whether you serve this warm straight from the oven or let it cool to room temperature for cleaner slices, the flavor profile remains consistent and satisfying. For more inspiration on sweet treats, Follow Hailee Recipes on Pinterest.
Why This Recipe Works
The success of this dessert lies in the specific ratio of fat to flour in the base layer. Using melted butter rather than softened creaming butter creates a denser, fudgier texture that holds up well under the weight of the marshmallow topping. If the base were too cake-like, it might become dry after baking; the fudgy consistency ensures moisture retention throughout the cooling process.
The marshmallow layer acts as both a structural element and a flavor enhancer. When baked briefly, the sugar in the marshmallows caramelizes slightly, creating a subtle toffee note that complements the chocolate. However, because the baking time is short, the interior of the marshmallow layer remains soft and gooey rather than turning into hard candy. This balance prevents the dessert from becoming overly sweet or difficult to chew. Additionally, the high heat required to toast the marshmallows sets the structure quickly, ensuring the layers do not merge into a single mass but remain distinct yet cohesive when sliced.
Ingredients
To make this dessert, you will need standard pantry staples. The ingredient list is concise, focusing on quality over quantity. Ensure your chocolate chips are fresh for the best melt and flavor integration.
- Unsalted Butter: 1/2 cup (1 stick), melted. Melted butter integrates faster into the batter and contributes to the fudgy texture.
- Granulated Sugar: 3/4 cup. This provides sweetness and helps create a slight crispness on the edges of the base.
- Egg: 1 large egg, beaten. The egg binds the fat and sugar together while adding structure.
- Vanilla Extract: 1 teaspoon. Pure vanilla enhances the depth of the chocolate flavor.
- All-Purpose Flour: 1 cup. Standard flour provides the necessary gluten structure without making the base tough.
- Semi-Sweet Chocolate Chips: 1 cup. These are folded into the batter for pockets of rich chocolate.
- Marshmallow Fluff or Creme: 16 ounces (one standard jar). This forms the signature white layer on top.
- Mini Marshmallows: 1 cup (optional). Sprinkling these on top adds extra texture and ensures a fully toasted surface.
How To Make Chocolate Chip Dessert with Marshmallow Layer
- Prepare the Pan and Oven: Preheat your oven to 350°F (175°C). Line an 8×8-inch or 9×9-inch square baking pan with aluminum foil, leaving an overhang on two opposite sides. Lightly grease the foil with cooking spray or a thin layer of butter. This setup is crucial for lifting the finished dessert out of the pan cleanly once it has cooled.
- Mix the Base Batter: In a medium mixing bowl, combine the melted butter and granulated sugar. Stir vigorously until the mixture is smooth and glossy. Add the beaten egg and vanilla extract, continuing to mix until fully incorporated. The mixture may look slightly separated at first but will come together as you stir.
- Incorporate Dry Ingredients and Chocolate: Sift the all-purpose flour into the wet mixture. Fold gently using a spatula just until the flour disappears. Do not overmix, as this can develop too much gluten and result in a tough base. Once the flour is mixed in, fold in the semi-sweet chocolate chips evenly throughout the batter.
- Spread and Top: Pour the batter into the prepared pan. Use the back of a spoon or a spatula to spread it into an even layer, reaching all four corners. Spoon the entire jar of marshmallow fluff over the chocolate chip batter. Use a knife or offset spatula to spread the fluff smoothly, covering the entire surface. If using mini marshmallows, sprinkle them evenly over the top of the fluff layer now.
- Bake Until Set and Golden: Place the pan in the center of the preheated oven. Bake for 20 to 25 minutes. You are looking for the edges to be lightly browned and the marshmallow layer to turn a deep golden color. The center should still look slightly puffy and soft, not liquid. Avoid overbaking, as the marshmallow can burn quickly if left too long.
- Cool Completely: Remove the pan from the oven and place it on a wire rack. Allow the dessert to cool completely in the pan before attempting to cut it. This resting period allows the layers to set firmly. Once cool, use the foil overhang to lift the entire block out of the pan. Peel off the foil and slice into squares using a sharp knife wiped clean between cuts.
Doneness And Troubleshooting
Determining when the dessert is done requires watching the visual cues closely. The marshmallow layer should be a rich golden brown, similar to the color of a toasted marshmallow on a campfire. If the top is pale, the dessert needs another 2 to 3 minutes. If the edges are darkening too fast while the center remains raw, cover the pan loosely with aluminum foil to prevent burning while the center finishes setting.
If the base seems undercooked in the middle after the recommended time, extend the baking by 2-minute increments. However, be cautious not to bake so long that the marshmallow becomes hard or rubbery. A common issue is the marshmallow sliding off the batter. To prevent this, ensure the batter is spread evenly and not too thick, allowing the heat to penetrate properly. Also, make sure the marshmallow fluff is spread to the very edges of the pan so it adheres to the crust.
Substitutions And Variations
While the classic version relies on semi-sweet chocolate and white marshmallow, there are several ways to customize this dessert. For a richer chocolate experience, substitute half of the semi-sweet chips with milk chocolate chips or dark chocolate chunks. If you prefer a less sweet treat, reduce the granulated sugar in the base to 1/2 cup, though this may slightly alter the texture.
For those avoiding processed marshmallow creme, you can make a homemade marshmallow topping by whipping egg whites, sugar, and corn syrup until stiff peaks form, then spreading it over the hot batter before returning it to the oven. Alternatively, swap the semi-sweet chips for peanut butter chips for a different flavor profile. Note that nut-based substitutions may require adjusting the baking time slightly due to differences in oil content.
Serving Suggestions
This dessert is versatile enough to be served in various ways. Serve it at room temperature for the best texture, where the marshmallow is soft and the base is fudgy. For a warm treat, microwave individual squares for 10 to 15 seconds to melt the chocolate chips further. Pairing this with a scoop of vanilla ice cream creates a delightful temperature contrast. A drizzle of salted caramel sauce or a dusting of sea salt on top can elevate the flavors, cutting through the sweetness of the marshmallow.
Storage And Reheating
Store any leftovers in an airtight container at room temperature for up to three days. Because of the high sugar content in the marshmallow, the dessert does not spoil quickly, but refrigeration can cause the marshmallow layer to become sticky and the base to harden. If you must refrigerate, wrap the dish tightly in plastic wrap to prevent drying out.
For longer storage, you can freeze the dessert. Cut it into squares, wrap each piece individually in plastic wrap, and place them in a freezer-safe bag. They will keep well for up to two months. To serve, thaw the squares in the refrigerator overnight or at room temperature for an hour. Reheating frozen squares in the oven at 300°F for 5 minutes restores the original texture better than microwaving.
Remember that the quality of your ingredients directly impacts the final result. Using high-quality butter and real vanilla extract makes a noticeable difference in the depth of flavor. Enjoy the process of making this comforting dessert, knowing that the simple steps lead to a delicious outcome.

Chocolate Chip Dessert with Marshmallow Layer
Ingredients
Method
- Preheat oven to 350°F (175°C). Line an 8x8-inch or 9x9-inch baking pan with foil and grease lightly.
- In a medium bowl, mix melted butter and sugar until smooth. Stir in egg and vanilla.
- Fold in flour until just combined, then fold in chocolate chips. Spread batter into the prepared pan.
- Spread marshmallow fluff evenly over the batter. Sprinkle with mini marshmallows if desired.
- Bake for 20-25 minutes until the top is golden brown and edges are set. Cool completely before slicing.
