No-Bake Gluten-Free Chocolate Peanut Butter Magic Bars

Irresistible Chocolate Peanut Butter Bars with Sweetened Condensed Milk (Gluten-Free Recipe)

Indulge in the ultimate flavor combination with these incredibly easy and delicious **chocolate peanut butter bars**, made with sweetened condensed milk. This recipe delivers a delightful experience, featuring a rich, chewy peanut butter cookie base crowned with a decadent chocolate filling, generously studded with crunchy peanuts and melty chocolate chips. Each bite offers a harmonious blend of textures and layers of irresistible flavor. As an added bonus, these bars are completely gluten-free, making them a perfect treat for everyone to enjoy! Crafted from simple pantry staples, they are the ideal solution for your next chocolate craving, a celebratory dessert, or a delightful addition to any gathering.

layered chocolate peanut butter bars cut from above

For those who’ve followed my culinary journey or explored my dessert recipe index, it’s no secret that I have a deep appreciation for the timeless pairing of chocolate and peanut butter. There’s just something magical about how these two classic flavors complement each other, creating a symphony for the taste buds that is hard to resist.

After successfully developing an easy, no-cook maple homemade sweetened condensed milk recipe, my goal was to create a simple, yet spectacular, cookie bar that would showcase this versatile ingredient. Naturally, my thoughts immediately gravitated back to the irresistible chocolate peanut butter combination – a true crowd-pleaser that never disappoints.

Instead of the typical graham cracker crust often found in layered bar recipes, I opted for a unique and delicious twist: a simple three-ingredient peanut butter cookie base. This not only elevates the flavor profile but also makes these decadent bars naturally gluten-free, expanding their appeal to even more dessert lovers. The rich, tender peanut butter base provides the perfect foundation for the layers to come.

The magic continues with the filling. By simply incorporating unsweetened cocoa powder into the sweetened condensed milk, we create a luscious, intensely chocolate-flavored layer that’s both smooth and incredibly satisfying. This method ensures a deep chocolate taste without unnecessary added sugar, allowing the natural sweetness of the condensed milk to shine.

To further enhance both texture and flavor (because, let’s be honest, you can never have too much chocolate and peanut butter!), these bars feature generous layers of crunchy peanuts and delightful chocolate chips nestled between the chewy cookie base and the silky chocolate-sweetened condensed milk topping. These additions provide a fantastic textural contrast and an extra burst of flavor in every single bite, transforming a simple bar into an extraordinary dessert.

In total, these delightful treats boast four distinct layers, with the option of an additional, irresistible peanut butter drizzle (a simple mix of peanut butter and a touch of honey) for an extra touch of indulgence. All these elements come together to create chewy, flavorful, and wonderfully satisfying layer bars that are surprisingly easy to make. I truly hope you’ll enjoy trying your hand at baking these incredibly delicious and straightforward chocolate peanut butter bars with sweetened condensed milk!

Preparing these bars requires just a few basic ingredients, minimal preparation time, and only a short stint in the oven. The reward? A pan of delectable bars guaranteed to be a hit with your entire family and friends. They are perfect for dessert, a sweet snack, or even a thoughtful gift.

ingredients for chocolate peanut butter bars

Ingredients & Substitutions for Your Perfect Bars

One of the best aspects of these chocolate peanut butter bars is that they require only a handful of common pantry ingredients, making them accessible and quick to prepare. You’ll only need eight core items to achieve this incredible flavor! While using homemade sweetened condensed milk is an option and can result in a slightly less sweet bar compared to commercial brands, both will yield delicious results. Even with the brown sugar in the cookie base, the sweetened condensed milk, and the dark chocolate chips, these bars maintain a balanced sweetness profile – they aren’t overly saccharine, making them enjoyable for a wide range of preferences. Feel free to choose what works best for your taste and convenience.

  • Natural Peanut Butter: The star of our cookie base! You can use either creamy or crunchy natural peanut butter, depending on your preference for texture. Natural peanut butter typically contains just peanuts and salt, which contributes to the clean flavor of the cookie base.
  • Brown Sugar: This adds moisture and a subtle caramel note to the peanut butter cookie base. I haven’t tested this recipe with other types of sugar, but coconut sugar would likely work as a direct substitute, though it might impart a slightly different flavor profile.
  • Egg: A large egg acts as a binder, helping to hold the cookie base together and adding richness. While I haven’t specifically tested a flax egg substitute for this recipe, it often works well in similar baking applications, so you could experiment if a vegan option is desired.
  • Baking Soda: This leavening agent helps the cookie base achieve a tender, slightly chewy texture without being too dense.
  • Sea Salt: A touch of sea salt (or regular table salt) enhances all the flavors in the bar, particularly balancing the sweetness of the chocolate and peanut butter.
  • Dark Chocolate Chips: My personal favorite for a deeper chocolate flavor that complements the peanut butter without being too sweet. However, you are welcome to use any kind of chocolate chips you prefer – milk chocolate, semi-sweet, or even a combination of different chips.
  • Peanuts: These add a fantastic crunch and an extra layer of nutty flavor. In the recipe photos, you might see whole or half peanuts, but I highly recommend chopping them into smaller pieces before layering. This makes the bars much easier to cut cleanly and ensures an even distribution of crunch in every bite.
  • Sweetened Condensed Milk: This forms the base of our luscious chocolate topping. You can either use your homemade version with maple syrup for a touch less sweetness and more natural flavor, or a store-bought commercial brand for convenience.
  • Cocoa Powder: Unsweetened cocoa powder is key to achieving a robust chocolate flavor in the top layer without introducing additional sugar. This allows for better control over the overall sweetness of the bars.
  • Optional Drizzle: For an extra layer of visual appeal and flavor, a simple drizzle of more peanut butter mixed with a bit of honey can be added. This creates a beautiful finish and a hint more peanut butter goodness.

Essential Equipment for Effortless Baking

Gathering your tools before you start baking will ensure a smooth and enjoyable process. Here’s what you’ll need for these delectable bars:

  • 13×9-inch Baking Pan: Whether you prefer glass or metal, this standard size is perfect for creating the ideal thickness for your bars.
  • Parchment Paper: This is a secret weapon for easy removal! Lining your pan with parchment paper, allowing it to hang over the long sides, creates convenient “handles” to lift the entire batch out of the pan once cooled. This prevents sticking and makes cutting a breeze.
  • Large Bowl or Stand Mixer: You’ll need this for mixing the peanut butter cookie base. A stand mixer makes the process effortless, but a large mixing bowl and a sturdy spoon or hand mixer will work just as well.
  • Small Bowl and Whisk: Essential for combining the sweetened condensed milk and cocoa powder until smooth, ensuring a uniform chocolate layer.

How to Make Glorious Chocolate Peanut Butter Bars with Sweetened Condensed Milk

Creating these layered chocolate peanut butter bars is simpler than you might think! While detailed quantities and precise instructions are provided in the comprehensive recipe box below, here are some expanded tips to guide you through each step, ensuring perfect results every time:

chocolate peanut butter bars step 1 - base

Step 1: Prepare the Oven and Pan for the Cookie Base. Begin by preheating your oven to a moderate 350 degrees Fahrenheit (175 degrees Celsius). This ensures the oven is at the correct temperature for even baking. Next, line a 13×9 inch baking pan with parchment paper. Make sure to leave an overhang on the long sides; these will act as convenient handles to easily lift the cooled bars out of the pan later. Lightly grease any parts of the pan that are exposed and not covered by parchment paper to prevent sticking. Now, prepare your rich peanut butter cookie base according to the recipe instructions and press it firmly and evenly into the prepared pan. Aim for a consistent thickness across the entire base to ensure uniform baking.

chocolate chip and peanut layer

Step 2: Add the Crunchy Peanut and Chocolate Chip Layers. Once your peanut butter cookie base is in place, it’s time to add the delightful crunch and extra flavor. Generously scatter the chopped peanuts in a single, even layer over the entire surface of the cookie base. Ensure good coverage so that every bar gets some nutty goodness. Follow this by evenly sprinkling the chocolate chips over the peanuts. These layers will add wonderful texture and bursts of chocolate and peanut flavor throughout the bars, making each bite an exciting experience.

PRO TIP: For a truly even and stress-free distribution of the peanut butter cookie dough, break it into smaller, roughly equal pieces. Then, lay these pieces across the bottom of the prepared pan before you begin pressing them down. This technique makes it significantly easier to spread the dough uniformly to the edges, creating a perfectly consistent base for your layered bars.

making milk-chocolate layer

Step 3: Prepare the Rich Chocolate-Sweetened Condensed Milk Topping. In a separate small mixing bowl, pour in your sweetened condensed milk. Gradually add the cocoa powder to the milk. Using a whisk, thoroughly combine the two ingredients. Continue whisking until the mixture is completely smooth, lump-free, and boasts a uniform chocolate color. This ensures a silky-smooth and rich chocolate layer that will be spread over your crunchy base, binding all the delicious elements together.

bars with all layers before baking

Step 4: Combine the Layers for Baking. With your chocolate-sweetened condensed milk mixture ready, carefully pour it evenly over the layers of peanuts and chocolate chips in your baking pan. Use a spatula to gently spread the chocolate mixture to cover all the nuts and chips, ensuring it reaches the edges of the pan. This creates a beautiful, glossy top layer that will bake into a chewy, fudgy consistency, holding all the components of your bars perfectly together. Now your bars are ready for the oven!

baked bars fresh from oven in pan

Bake the bars for approximately 20-25 minutes, keeping a close eye on them. You’re looking for the edges to be just beginning to turn a light golden brown. The center might still appear slightly soft, but it will set as the bars cool. This delicate balance is crucial for achieving the perfect texture.

It’s incredibly important to **not overbake them**. Overbaking will lead to dry, crumbly bars instead of the wonderfully chewy and fudgy texture we’re aiming for. A slightly underbaked center is preferable, as it will continue to cook and firm up outside the oven.

glazed and cut bars on cutting board

Once baked, remove the pan from the oven and allow the bars to cool in the pan for about 30 minutes. This cooling period is important for them to set properly before cutting. After cooling slightly, carefully lift the entire sheet of bars out of the pan using the parchment paper overhangs, and transfer to a cutting board. Cut them into your desired bar size, typically 24 squares.

Adding the Optional Drizzle: For an extra touch of gourmet appeal and flavor, prepare the optional drizzle. Simply combine a couple of tablespoons of peanut butter with a tablespoon of honey in a small bowl until smooth. For easy application, scrape this mixture into a small plastic baggie. Snip off a very tiny corner of the baggie – the smaller the snip, the finer and more controlled your drizzle will be. Then, gently press the mixture out, creating beautiful zigzags or lines over your freshly cut bars. This step adds both visual appeal and another layer of deliciousness.

I found it beneficial to apply the drizzle after cutting the bars, as the drizzle tends to cling to the knife when cutting through it. Once the bars are cut and drizzled, you can freeze them in a single layer within a 13×9 container to protect the delicate drizzle and ensure they remain fresh. Alternatively, if you plan to serve them within a few days, refrigeration works perfectly well.

chocolate peanut butter bars stacked

Exciting Variations to Customize Your Bars

One of the joys of baking is the ability to customize recipes to suit your personal tastes or to simply experiment with new flavors. These chocolate peanut butter bars are incredibly versatile, offering many delicious ways to adapt them. Here are some creative variations you can try:

  • Experiment with Different Chips: Don’t limit yourself to just dark chocolate chips! Feel free to use milk chocolate, semi-sweet, white chocolate, or even a delightful combination of several types. For an extra boost of peanut butter flavor, consider adding peanut butter chips to the mix. The possibilities are endless, and each choice will bring a unique twist to your bars.
  • Play with Layering Order: While I prefer the chocolate-sweetened condensed milk mixture on top to securely hold all the nuts and chips in place, you can certainly reverse the layering if you wish. Try spreading the chocolate milk mixture directly onto the cookie base first, then evenly sprinkling your desired chips and nuts over it. Gently press them down lightly to help them adhere to the moist chocolate layer. This might give the bars a slightly different appearance and texture.
  • Go All-In on Peanut Butter (No Chocolate!): If you’re a devout peanut butter enthusiast and chocolate isn’t your main craving, you can easily transform these into pure peanut butter bars. Simply add 1/2 cup of creamy or crunchy peanut butter to the sweetened condensed milk layer instead of the cocoa powder. You can then omit the chocolate chips entirely or replace them with an equal amount of peanut butter chips for an intensified nutty flavor.
  • Add Fun Candies and Toppings: For an even more indulgent and festive treat, get creative with additional toppings! Chop up some mini chocolate peanut butter cups and sprinkle them over the nut-and-chip layer for a double dose of your favorite combo. Alternatively, add colorful coated chocolate candies (like M&M’s) for a vibrant pop of color and extra sweetness, making these bars perfect for parties or holidays.
holding a cookie bar

Proper Storage for Lasting Freshness

To keep your delicious chocolate peanut butter bars fresh and enjoyable for as long as possible, proper storage is key. After they have completely cooled, transfer the bars to an airtight container. They can be stored in the refrigerator for up to one week, maintaining their chewy texture and rich flavor. For longer storage, these bars freeze beautifully! Arrange them in a single layer within a 13×9 inch freezer-safe container with a tight-fitting lid. They will keep well in the freezer for 2-3 months. When you’re ready to enjoy a frozen treat, simply thaw them at room temperature or warm slightly for a gooey delight.

More Irresistible Recipes You’ll Love

If you’ve enjoyed baking with sweetened condensed milk, or if you’re simply looking for more delightful dessert ideas, explore some of these other fantastic recipes from my kitchen. Each one is designed to be easy, delicious, and a perfect complement to your recipe collection:

  • Foolproof Chocolate Chip Cheesecake Recipe: A classic dessert made incredibly easy, featuring creamy cheesecake and rich chocolate chips.
  • Amazing No-Churn Chocolate Ice Cream: Experience homemade ice cream without the need for a machine – intensely chocolatey and wonderfully smooth.
  • Incredible No-Churn Chocolate Chip Ice Cream (+ Mint Variation): Another fantastic no-churn recipe, this time with the delightful addition of chocolate chips, and a refreshing mint variation.
  • Caramel Coconut Shortbread Cookie Bar Recipe: Indulge in chewy caramel, tropical coconut, and a buttery shortbread base in these delightful bars.
A stacked image of freshly baked chocolate peanut butter bars, drizzled with extra peanut butter.

Print Recipe
Pin Recipe
SaveSaved!

5 from 2 votes

Chocolate Peanut Butter Bars with Sweetened Condensed Milk Recipe (Gluten Free)

This quick and easy recipe for chocolate peanut butter bars with sweetened condensed milk features a homemade peanut butter cookie base and a rich chocolate filling studded with crunchy peanuts and chocolate chips, delivering layers of irresistible flavor and texture in every gluten-free bite.
Prep Time10 minutes
Cook Time25 minutes
Total Time35 minutes
Yield: 24 bars
Author: Jami Boys

Equipment

  • 13×9 inch baking pan
  • Parchment paper
  • Large mixing bowl or stand mixer
  • Small bowl and whisk

Ingredients

For the Gluten-Free Peanut Butter Cookie Base:

  • 1 cup natural peanut butter (creamy or crunchy)
  • 1 cup light brown sugar (packed)
  • 1 large egg
  • 1 teaspoon baking soda
  • 1/4 teaspoon sea salt (or table salt)

For the Chocolate-Peanut Layers:

  • cups chocolate chips, any kind (dark, semi-sweet, milk, or a combo)*
  • 1 cup peanuts, chopped for easier cutting and even distribution

For the Rich Chocolate Sweetened Condensed Milk Topping:

  • 14 ounces (1 can) sweetened condensed milk (homemade or commercial brand)
  • 1/4 cup unsweetened cocoa powder

For the Optional Peanut Butter Drizzle:

  • 2 tablespoons creamy peanut butter
  • 1 tablespoon honey

Instructions

  • Preheat your oven to 350°F (175°C). Line a 13×9 inch baking pan with parchment paper, allowing the paper to extend up the longer sides of the pan to create handles. Lightly grease any exposed parts of the pan.
  • In a large mixing bowl or the bowl of a stand mixer, combine the natural peanut butter, brown sugar, large egg, baking soda, and sea salt. Mix until all ingredients are thoroughly combined and the mixture is smooth and cohesive.
  • Evenly press the prepared cookie dough into the bottom of the lined baking pan. For easier and more even distribution, break the dough into several smaller pieces and scatter them across the bottom of the pan before pressing firmly with your hands or the back of a spoon to form a uniform base.
  • Generously scatter the chopped peanuts in an even layer over the peanut butter cookie base. Follow by sprinkling the chocolate chips evenly over the peanuts, ensuring a good distribution for maximum flavor and crunch in every bite.
  • In a small bowl, pour the sweetened condensed milk. Gradually whisk in the cocoa powder until the mixture is completely smooth, free of any lumps, and has a consistent chocolate color. Carefully pour this rich chocolate mixture evenly over the layers of peanuts and chocolate chips in the baking pan, spreading gently with a spatula to ensure full coverage.
  • Bake for 20-25 minutes. The bars are ready when the edges are just beginning to lightly brown. Be careful not to overbake, as this can lead to dry and crumbly bars; the center should still look slightly soft as it will continue to set as it cools.
  • Remove the pan from the oven and allow the bars to cool in the pan for at least 30 minutes. This cooling period is crucial for the bars to set and firm up. Once partially cooled, carefully lift the entire sheet of bars out of the pan using the parchment paper handles and transfer to a cutting board. Cut into your desired bar size while still slightly warm for clean cuts.
  • Optional Drizzle: To make the optional peanut butter drizzle, combine the peanut butter and honey in a small bowl until smooth. Transfer the mixture to a small plastic baggie and snip off a tiny corner. Drizzle the mixture artistically over the cut bars. For the drizzle to set properly, refrigerate or freeze the bars before serving.

Notes

*Feel free to use your favorite type of chocolate chips (dark, semi-sweet, milk) or a combination. Peanut butter chips or white chocolate chips also make fantastic additions!

Storage Tips: Store the cooled chocolate peanut butter bars in an airtight container in the refrigerator for up to one week. For longer preservation, these bars freeze exceptionally well. Place them in a single layer in a 13×9 inch freezer-safe container with a lid, and they will stay fresh for 2-3 months. Thaw at room temperature before enjoying, or pop them in the microwave for a few seconds for a warm, gooey treat.

Nutrition

Serving: 1bar | Calories: 259kcal | Carbohydrates: 31g | Protein: 7g | Fat: 14g | Saturated Fat: 4g | Polyunsaturated Fat: 3g | Monounsaturated Fat: 5g | Trans Fat: 0.02g | Cholesterol: 15mg | Sodium: 157mg | Potassium: 204mg | Fiber: 2g | Sugar: 27g | Vitamin A: 81IU | Vitamin C: 1mg | Calcium: 82mg | Iron: 1mg
Did you make this recipe?Mention @anoregoncottage or tag #anoregoncottage!