Magic Brownie Bars

These magic brownie bars feature a rich, fudgy brownies layer topped with creamy coconut, chocolate chips, and nuts. It really is the best indulgent recipe ever!  

Three brownies with coconut toppings are stacked. The text above it reads: Brownie Magic Bars.

The brownie base is rich and decadent. Then there’s a layer of something divine. Silky. Smooth. Sweet, syrupy condensed almond milk infused with coconut flakes. Flaky. Flavorful.

You know we can’t end things there. Because to remind us of where we started, we’ll end with a chorus of more chocolate. Gooey. Rich. Dark chocolate chips And finally. Finally. You arrive at the walnuts. Just a hint in each bite. Crunchy. Nutty. Complete.

What Makes This Recipe Shine?

  • Melted chocolate chips are added to the brownie base to create a rich, indulgent, and moist brownie
  • Using almond milk to create a sweetened condensed milk makes this recipe so easy to make and the almond milk adds a hint of favor too.
  • Pre-baking the brownies helps create a firmer brownie that’s still moist and delicious in every bite!

What You Need

You can find the full printable recipe, including ingredient quantities, below. But first, here are some explanations of ingredients and steps to help you make this recipe perfect every time.

Here are the ingredients you’ll need for this recipe, including substitution ideas:

  • Vegan Butter — Use storebought or make your own vegan butter
  • Chocolate Chips — I recommend using dairy-free semi-sweet chocolate chips
  • Flax Egg — Making a flax egg is very simple. Substitute a chia egg.
  • Vanilla
  • Plant-based milk — Use soy, almond, or your favorite plant-based milk.
  • Brown sugar — Use dark, light, or homemade brown sugar.
  • Cocoa powder — I recommend using natural cocoa powder.
  • Flour — You can use all-purpose or whole wheat pastry flour (different than whole wheat flour).
  • Salt
  • Granulated sugar
  • Cornstarch
  • Coconut flakes
  • Walnuts — You’ll need about one-half cup of chopped walnuts or pecans.
Looking into a 9X13 baking dish full of brownie magic bars with a slice removed, showing lots of vegan condensed milk.

How to Make Coconut Brownies

It’s pretty easy to make these coconut topped brownies. Here are the steps.

  1. Make a flax egg and set it aside.
  2. Melt chocolate chips and vegan butter in the microwave and stir together.
  3. Stir in the flax egg, vanilla, plant-based milk, and brown sugar.
  4. Mix the dry ingredients. Then stir it into the chocolate mixture.
  5. Spread the brownie batter into a prepared baking pan and bake for about 15 minutes.
  6. Make the sweetened almond condensed milk by stirring the almond milk, cornstarch, and sugar in a large, microwave-safe bowl. Microwave for about a minute and stir. Repeat this until the mixture has thickened. Then stir in the vanilla and set aside to cool.
  7. Remove the brownies from the oven and top with the condensed milk, followed by coconut flakes, chocolate chips, and chopped walnuts.
  8. Bake for another 10 to 15 minutes. Then remove from the oven and cool for 15 to 20 minutes. These bars will firm up as they cool. You can even refrigerate them for an hour to create firmer slices.
Vegan condensed milk is spread over vegan brownies in a baking dish. A bowl of chocolate chips is behind it.

Storage Tips

Store cooled brownies in an airtight container in the fridge for up to 10 days. They can be frozen in a freezer-safe container for up to 2 months.

A brownie topped with coconut, chocolate chips and nuts sits on a wooden counter.

More Vegan Bars

These magic brownie bars leave you begging for more tasty bar recipes! That’s why we created even more:

Three magic brownie bars with coconut, chocolate, and a sweet almond milk layer are stacked on a wooden table next to a fork.

That’s it for these magic brownie bars!

Coconut Brownies are stacked three high!

Magic Brownie Bars

Enjoy these coconut-infused magic brownie bars with a dark chocolate brownie base, sweetened almond milk middle and dark chocolate chips and coconut topping.
5 from 1 vote
Course: Dessert
Cuisine: American
Prep Time: 20 minutes
Cook Time: 25 minutes
Total Time: 45 minutes
Servings: 12
Calories: 376kcal

Ingredients

Sweetened Condensed Almond Milk

  • 1 cup almond milk
  • ½ cup granulated sugar
  • 1 tablespoon cornstarch
  • 1 teaspoon vanilla

Toppings:

  • 1 cup coconut flakes
  • ½ cup chocolate chips
  • ½ cup walnuts chopped

Instructions

  • Heat your oven to 350F and spray the bottom of an 9 inch square baking pan with vegetable cooking spray.
  • In a large microwave-safe mixing bowl combine the chocolate chips and vegan butter. Heat for about 30 seconds until the chocolate begins to melt. Stir and return to the microwave for another 15 seconds. Stir and repeat until the chocolate is melted.
  • Add the flax egg, vanilla, plant-based milk, and brown sugar. Stir until well combined.
  • In a separate bowl stir together the cocoa, flour, and salt. Pour the flour mixture into the chocolate mixture and stir until just combined. You don't want to overmix this step.
  • Spread the brownie layer into your prepared baking pan. Place in the oven and bake for about 15 minutes.
  • In the meantime, prepare your Sweetened Almond Condensed Milk by combing the almond milk, corn starch, and sugar in a large, microwave-safe bowl. Stir until there aren’t any lumps from the corn starch. Microwave for about a minute and stir. Repeat this until the mixture is nice and thick, usually about 3 minutes. Then add the vanilla and give it one more stir to combine. Set aside until the brownies are ready.
  • After 15 minutes of baking, remove the brownies from the oven, top with the Sweetened Almond Condensed Milk, and top that with the coconut, chocolate chips, and chopped walnuts. Return the brownies to the oven and bake for another 10-15 minutes.
  • Remove from the oven and cool before serving.

Recommended Equipment

(The products above contain sponsored links to products we use and recommend)

Calories: 376kcal | Carbohydrates: 50g | Protein: 5g | Fat: 19g | Saturated Fat: 8g | Cholesterol: 1mg | Sodium: 156mg | Potassium: 202mg | Fiber: 4g | Sugar: 34g | Vitamin A: 415IU | Vitamin C: 1mg | Calcium: 81mg | Iron: 2mg

The nutrition information shown is an estimate provided by an online nutrition calculator and should not be considered a substitute for a professional nutritionist’s advice.

This post was originally published in 2015 and was updated to include new photos, new text, and an updated recipe in 2020.

10 Responses to Magic Brownie Bars

  1. Avatar thumbnail image for MarlyRania Reply

    Also, can these be frozen? Thank you so much!

  2. Avatar thumbnail image for MarlyRania Reply

    That looks amazing! Can’t wait to try it! To make it in a 9*13 inch pan, should I make one and half the recipe or should I double it? Thank you!

  3. Avatar thumbnail image for MarlyJen Reply

    Hey 🙂 My dog, these look lush! I’m in the UK though and need a little clarification on the sugar…….when you say brown sugar would that be what we call demerara (which is like, granular) or soft (which is more like sand)? Many thanks!

    • Avatar thumbnail image for MarlyMarly

      Hi Jen. You know, “My dog” is not a common saying here in the states, but I like it! It may be my new saying of choice! 🙂 What we refer to as “brown sugar” is basically granulated sugar combined with molasses. Here’s a link to a recipe for homemade brown sugar. Hope this helps!

  4. Avatar thumbnail image for MarlyJen and Emily @ Layers of Happiness Reply

    5 stars
    Woah! This might be the best combination/magic bar creation I have ever seen!! GAH. I need these in my life!!

  5. Avatar thumbnail image for MarlyAlison @Food by Mars Reply

    These look so fudgy and delicious! Great photos!

  6. Avatar thumbnail image for MarlyJohanna @ Green Gourmet Giraffe Reply

    wow these look amazing – chocolate and condensed milk and coconut is a favourite combination of mine – I want it this way!

  7. Avatar thumbnail image for MarlyThalia @ butter and brioche Reply

    These brownie magic bars look wicked! Love how fudg-y, rich and moist they look.. just how I like ’em.

  8. Avatar thumbnail image for MarlyMichelle @ Modern Acupuncture Volunteering Reply

    Oh wow. These look so fabulous with that layer of condensed almond milk in there. And, feel free to philosophize about dessert and music ANYtime. I really enjoyed reading about one bite to the next… although of course now I’m dying for a decadent brownie to sink my teeth into! 🙂

  9. Avatar thumbnail image for MarlyJune Burns Reply

    Oh yesss…that looks amazing! Sweetened condensed almond milk, now that is a good idea! Will have to try it sometime 🙂

Rate / Comment

Your email address will not be published.

Recipe Rating




This site uses Akismet to reduce spam. Learn how your comment data is processed.