This post may contain affiliate links. Please read our disclosure policy.

These deliciously simple Magic Bars start with a gooey chocolate chip cookie base and ends with a topping of crunchy coconut flakes.

Magic cookie bars stacked on a white plate.

Tastes Like a Million Bucks!

Dessert bars are a go-to in our home! They are quick, easy, and can feed a crowd.

Similar to 7 Layer Bars, this magic bars recipe is filled with ooey gooey layers of deliciousness (cookie base, coconut, condensed milk, chocolate chips and MORE!)

We’ve made these for as long as we can remember and love them for so many reasons!

Why we love them:

  • Everything but the kitchen sink. These bars are filled with so many delicious flavors, starting with a Chocolate Chip Cookie base!
  • Just layer and bake! These quick and easy magic bars are ready in under 45 minutes.
  • Freeze for later. Cookie bar recipes are great for freezing to pull out when unexpected company arrives.
Milk chocolate and butterscotch chips in bowl.

Ingredients

  • 1 (17.5-ounce) package Betty Crocker chocolate chip cookie mix
  • ½ cup butterHow to Soften Butter Quickly
  • 1 egg
  • 1 cup butterscotch chips or peanut butter chips or white chocolate chips
  • 1 cup milk chocolate chips – or semi-sweet chocolate chips or dark chocolate chips
  • 1 cup flaked coconut – I like to use sweetened coconut for the best flavor and texture, but unsweetened can be used as well.
  • 14 ounces sweetened condensed milk do not use evaporated milk, the two are quite different and your dessert will not turn out.
  • optional toppings For an extra magical bar add an extra topping or two such as toffee bits, a sprinkle of cinnamon, graham cracker crumbs, or chopped pecans, walnuts, or almonds

How to Make Magic Bars Recipe

  1. PREP. Preheat oven to 350°F.
  2. COOKIE LAYER. In a large bowl, mix 1 (17.5-ounce) package Betty Crocker cookie mix, ½ cup butter, and 1 egg until well combined and dough forms. Press into the bottom of a greased 9×13 baking dish. Bake for 14-16 minutes.
  3. TOP LAYER. Once baked, sprinkle 1 cup each of butterscotch chips, milk chocolate chips, and coconut over the cookie layer. Drizzle 13 ounces sweetened condensed milk over the top.
  4. BAKE. Bake for 25-30 minutes longer or until golden brown. Let cool completely before cutting into squares.

Make this Cookie Bar recipe and top it with the butterscotch and chocolate chips, flaked coconut, and condensed milk listed in the magic bars recipe.

Close up of magic cookie bar square on white plate.
Save This Recipe!
Just enter your email and get it sent to your inbox! Plus you’ll get new recipes from us every week!
4.95 from 34 votes

Magic Bars Recipe

By: Lil’ Luna
This delicious magic bars recipe is a simple layered dessert that starts with a gooey chocolate chip cookie base.
Servings: 12
Prep: 5 minutes
Cook: 40 minutes
Total: 45 minutes

Ingredients 

  • 1 (17.5-ounce) package Betty Crocker chocolate chip cookie mix
  • ½ cup butter, softened
  • 1 egg
  • 1 cup butterscotch chips
  • 1 cup milk chocolate chips
  • 1 cup flaked coconut
  • 14 ounces sweetened condensed milk

Instructions 

  • Preheat oven to 350°F.
  • In a large bowl, mix Betty Crocker cookie mix, butter, and egg until well combined and dough forms. Press into the bottom of a greased 9×13 baking dish. Bake for 14-16 minutes.
  • Once baked, sprinkle butterscotch chips, milk chocolate chips, and coconut over the cookie layer. Drizzle sweetened condensed milk over the top.
  • Bake for 25-30 minutes longer or until golden brown. Let cool completely before cutting into squares.

Video

Notes

STORE the magic cookie bars recipe in an airtight container for about 3-5 days. If they are in the fridge they can last up to a week.
FREEZE. Cool and wrap each bar with plastic wrap and place them together in an air-tight freezer-safe container for up to 3-4 months. Thaw 30 minutes to 1 hour before eating.

Nutrition

Calories: 528kcal, Carbohydrates: 72g, Protein: 5g, Fat: 23g, Saturated Fat: 13g, Cholesterol: 47mg, Sodium: 223mg, Potassium: 176mg, Fiber: 2g, Sugar: 57g, Vitamin A: 385IU, Vitamin C: 1mg, Calcium: 111mg, Iron: 0.7mg

Nutrition information is automatically calculated, so should only be used as an approximation.

Recipe from Betty Crocker.

Recipe FAQ

  • To cut even magic bar squares Line the pan with parchment paper or aluminum foil. Once the bars have cooled, lift the entire block out of the pan. Use a sharp kitchen knife to cut and wipe the blade clean as needed. 
  • Keep magic cookie bars recipe in an airtight container for about 3-5 days. If they are in the fridge they can last up to a week.
  • Cool and wrap each bar with plastic wrap and place them together in an air-tight freezer-safe container for up to 3-4 months. Thaw 30 minutes to 1 hour before eating.

For More Bar Recipes:

About Kristyn

My name is Kristyn and I’m the mom of SIX stinkin’ cute kids and the wife to my smokin’ hot hubby, Lo. My mom’s maiden name is Luna, and I’m one of the many crafty “Lil’ Lunas” in the fam. On this site I like to share all things creative - from recipes to home decor to gifts and home decor ideas. Welcome!

So Easy & So Yummy

Get my cookbook!

My new cookbook is the ultimate resource for feeding your friends and family with 200+ simple recipes including videos, tips & more!

4.95 from 34 votes (12 ratings without comment)

Leave a comment

Your email address will not be published. Required fields are marked *

Recipe Rating




33 Comments

  1. Sha says:

    5 stars
    I super love the texture of these magic bars! They’re delicious and delightful! I could eat it all day!

  2. Joie says:

    5 stars
    I made these cookies for a family gathering, and they disappeared in minutes! The combination of butterscotch chips and coconut with the classic mix was a game-changer. Everyone asked for the recipe!

  3. Erin says:

    5 stars
    Ok, you got me. These cookies are magical. I couldn’t stop eating them!!