If you love magic bars, these caramel gluten free magic bars will be a treat for you! These creamy, gooey magic bars have a gluten free graham cracker crust and many layers of yumminess. I also include a dairy-free version!

A stack of two gluten free magic bars.

Don’t these gluten free magic bars look good? You may recognize these as 7 Layer Bars, but many call them magic bars, too. If sweet desserts are your thing, grab a pan because you will want to eat these gluten free bars!

We are crazy for cookies in the Fearless Dining household. If you are a gluten free cookie fanatic, please check out all of my delicious gluten free cookie recipes.

Why I love these gluten free magic bars:

  • This recipe yields gooey magic cookie bars. Your family will love them!
  • They are made with simple, easy-to-find ingredients.
  • This recipe is easy to customize with different nuts and types of chocolate and mix-ins.
  • There is a dairy-free option! If you are looking for gluten free dairy-free magic bars, you will love using these simple recipe substitutions (see the FAQ below for specific product recommendations to make them dairy-free.)

These bars are AWESOME! We made them for a family gathering and one person has celiac
disease. EVERYONE loved them and we got lots of requests for the recipe.
(I shared your site with them). Very easy to make.”

cathy b., blog comment

If you love chocolate and coconut, try my easy Gluten Free Coconut Macaroon recipe!

Allergen Information:

This recipe is gluten-free, soy-free, and vegetarian. There are dairy-free and nut-free options. See the FAQ for directions.

Photos of the gluten free magic bars ingredients.

Ingredient Notes:

For the full list of ingredients and amounts, please go to the recipe card below.

  • Gluten Free Graham Crackers – I love using Pamela’s Honey Graham’s best as they crumble better than some other brands.
  • Condensed Milk – Use the regular dairy version, or for dairy-free, use coconut condensed milk.
  • Chocolate Chips – Use any flavor you like. I love using dark chocolate and bittersweet to offset some of the sweetness.
  • Shredded Coconut – Make sure to use unsweetened. Shredded coconut comes in many sizes of shreds. Any will work fine, but the super fine may not have the same texture.

Are you ready to give this easy magic bars recipe a try?

Step-By-Step Photos and Directions:

Adding gluten free graham crackers to a bag.

Step 1: Add your gluten free graham crackers to a large plastic Ziplock bag. Use a rolling pin to crush the crackers into little crumbs. You can also buy gluten free graham cracker crumbs.

🔑 Sandi says: I also like to use a food processor to crush the graham crackers. It makes more evenly sized bits.

Step 2: Add melted butter to the graham cracker crumbs in a large mixing bowl. Use a large spoon to mix the ingredients.

Spreading the graham cracker crust in the 8x8 sized pan.

Step 3: Dump the graham cracker crumbs mixture into a prepared greased 8×8 pan and spread them out evenly with a spoon to cover the bottom. I use a coconut oil spray to grease my pan. You can also use parchment paper to line the bottom of the pan.

Press the crumb mixture flat on the back of the spoon or flat bottom glass. Try to get it really compacted down so that your magic bar crust is solid and can support the layers on top.

Spreading the condensed milk over the crumb crust.

Step 4: Next, add your condensed milk layer. You can use either regular or dairy-free milk made from coconut. Both have the same level of sweetness.

Adding the caramel chips.

Step 5: Add a layer of caramel chips. You will love the flavor that the caramel adds! I used these gluten free caramel chips by Hershey. There are other brands as well. Always check the label to verify the brand you use is gluten free.

Spreading the coconut layer of the magic bars.

Step 6: Sprinkle the shredded coconut over the caramel chips. Use a large spoon to spread the shredded coconut layer. If you love coconut as much as we do, you should check out these Gluten Free Almond Joy Cookie Bars!!

Adding lots of chocolate chips on top of the coconut.

Step 7: Add lots of chocolate chips or chocolate chunks!

Adding the sliced almonds layer

Step 8: Add sliced almonds, chopped pecans, or another nut type you love. Feel free to substitute walnuts, pecans, or any nuts you like!

Step 9: Bake the gluten free magic bars at 350º F for 25 minutes. You will notice the top is slightly golden when they are finished baking.

Allow these cookie bars to cool completely before cutting. Use caution when taking them out of the oven. They are HOT. These will be very soft when hot, and they will firm up as they cool.

The baked magic bars in an 8x8 pan.

Frequently Asked Questions:

Is condensed milk gluten free?

Yes, condensed milk is gluten free. You always want to read the label if a manufacturer changes its ingredients.

What kind of condensed milk is best for magic bars?

This recipe works really well with both regular condensed milk and dairy-free coconut condensed milk. I chose to use coconut condensed milk because I am a coconut fanatic.

Can you make these magic bars dairy-free?

If you want these bars to be dairy-free too, use the coconut condensed milk I mentioned above, and use Enjoy Life dairy-free chips (skip the caramel chips) and dairy-free butter!

Can you make these nut-free?

To make this recipe nut-free, omit the almond slivers on top.

Can you freeze these gluten free magic bars?

These magic bars freeze really well. In fact, I recommend freezing them to help the gooey ingredients mesh together. It also makes cutting them a LOT easier!

How long will these gluten-free magic bars stay fresh?

In the refrigerator, these magic bars will keep fresh for up to 5 days. I also love to freeze them. To freeze, add them to a freezer-safe zip-style bag. Lay them single file and freeze flat.

Love This Recipe?

If you made and enjoyed this recipe, I would be incredibly grateful if you could leave a comment below. Please include which flour blend you used. This will help others know this recipe is delicious. Thank you!

A stack of two gluten free magic bars on a white plate.

Gluten Free Magic Bars

Sandi Gaertner
Quick and easy gluten free magic bars that will rock your world! These caramel cookie bars make a fun gluten free dessert.
4.94 from 16 votes
an egg free allergen icon
gluten free allergy icon
soy free allergy icon
Prep Time 15 minutes
Cook Time 22 minutes
Total Time 37 minutes
Course Gluten Free Cookies and Bar Recipes, Gluten Free Dessert Recipes
Cuisine American
Servings 10 bars
Calories 379 kcal


  • 2 cups crushed gluten free graham crackers * see note
  • 6 tablesoons butter
  • 1 can condensed milk * see note
  • ½ cup chocolate chips
  • ½ cup caramel chips
  • 1 cup unsweetened shredded coconut
  • ½ cup slivered almonds


  • Preheat the oven to 350º F. Put graham crackers in a bag and smash to crumbs.
  • Add the crumbs to a bowl and mix with melted butter.
  • Pour into an 8×8 greased baking dish.
  • Pour in the crumb mixture.
  • Pour 3/4 of a can of condensed milk on top and spread to cover the crumbs.
  • Add chips and coconut. 
  • Drizzle remaining condensed milk on top of coconut. Add almonds.
  • Bake for 22 minutes until done.
  • Cool completely before cutting.



  1. I like to use gluten free Pamala’s Honey Grahams best because they crumble really well. You can also buy gluten free graham cracker crumbs.
  2. To make this recipe dairy-free, use vegan butter, coconut condensed milk, and dairy-free chocolate chips by Enjoy Life.
  3. These gluten free magic bars will keep up to 4 days in the refrigerator. 
  4. You can freeze these bars in zip-style freezer bags. Make sure to freeze single file and lay the bag flat until the bars are frozen.


Please know that every gluten free flour blend has a different starch to grain ratio. If you use a blend I didn’t test, you may need to adjust your moisture levels in your baked goods.


Serving: 1gCalories: 379kcalCarbohydrates: 44gProtein: 4gFat: 22gSaturated Fat: 12gPolyunsaturated Fat: 1gMonounsaturated Fat: 2gTrans Fat: 1gCholesterol: 28mgSodium: 173mgPotassium: 89mgFiber: 4gSugar: 18gVitamin A: 42IUVitamin C: 1mgCalcium: 54mgIron: 2mg
Tried this Recipe? Pin it for Later!Mention @FearlessDining or tag #FearlessDining!

Nutrition Disclaimer

Nutritional information is an estimate provided to you as a courtesy. You should calculate the actual nutritional information with the products and brands you are using with your preferred nutritional calculator.

(*This blog post was updated from an older 7/2017 post with more information and a video.)

Leave a Reply

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

Recipe Rating


  1. I tried making this recipe with let’s do organic sweetened condensed coconut milk and it was a pan of grease! Just a waste of money.

  2. 5 stars
    These bars are AWESOME! We made them for a family gathering and one person has celiac disease. EVERYONE loved them and we got lots of requests for the recipe. (I shared your site with them). Very easy to make. Since one person is allergic to almonds, we supplemented finely chopped pecans — they were also great! Question – I’ve never seen recipes with 4/5 or 2/5 or 1/5 — ?? We changed the 5 to a 4 and it worked fine. Just curious why the fifths??
    Thanks for sharing this!! We will definitely make these again!

  3. I’ve never heard of these but they look absolutely delicious 🙂 I’ll have to check out the dairy-free coconut condensed milk! I’ve never tried baking with it. YUM!!!

  4. 5 stars
    I’m not sure if my favorite part will be the crust, the chocolate or the caramel! Can’t wait to give this recipe a try!!!

  5. Ooooh, how I love magic bars! These look really great – I need to find those caramel chips!

  6. I love this gluten free option! Perfect to take to a cookout this summer so everyone can enjoy the goodness!

  7. Oh my word, I just love the sound of these bars! And I adore that you can make them dairy-free, too!