makes 24 very rich little bars

These vegan magic coconut bars are the stuff childhood dreams are made of. A buttery graham cracker crust, a rich coconut milk base, chocolate chips, toasted coconut, and walnuts or pecans. Nutty, chocolatey, ultra-sweet, and as irresistible as a kitten. In cookie form.
You might know these as Hello Dollies, Seven Layer Bars, or Magic Bars. Whatever your family called them, these are those. The traditional version is made with sweetened condensed milk, which we’ve replaced with coconut milk cooked down with brown sugar. It brings in even more coconut flavor than the original and might honestly be an improvement. The vegan secret weapon strikes again.
What makes this recipe so great is how simple it is. You’re looking at a handful of ingredients, no mixer, no special equipment, and a recipe that basically layers itself. The hardest part is waiting. These need a good overnight chill before slicing and that is genuinely the most difficult thing about making them. Set aside your patience and you will be rewarded.
This Magic Coconut Bars recipe is from Vegan Cookies Invade Your Cookie Jar and we’ve gotten a lot of feedback over the years. People have eaten them straight out of the oven with a fork, molten chocolate and all. Someone in the UK made them with digestive biscuits and reported back that it worked beautifully. One person simply said “nobel prize in coconut,” which we feel is accurate.
A note on the coconut: use sweetened, fluffy white flaked coconut here. Save the natural shredded stuff for a curry.
Look how easy the whole process it!





VEGAN MAGIC COCONUT BARS FAQ
What are Magic Bars? Magic Bars go by a lot of names depending on where you grew up — Hello Dollies, Seven Layer Bars, Magic Cookie Bars. They’re all basically the same thing: a graham cracker crust topped with chocolate chips, coconut, nuts, and a sweet binding layer, baked until golden and gooey. This is the vegan version and it’s better than you remember.
What makes these vegan? The traditional recipe uses sweetened condensed milk. We replace it with full fat coconut milk cooked down with brown sugar. It creates a rich, sticky, deeply coconutty base that is arguably better than the original.
Can I use a different cookie instead of graham crackers? For sure. Graham crackers are classic but the crust is very flexible. Digestive biscuits are a great swap and a reader confirmed they work beautifully. Shortbread cookies give you a richer, butterier base. Gingersnaps add a spiced warmth that plays really nicely with the coconut and chocolate. Oreos work if you want to go full chocolate. Just crush them up and use the same amount. If your cookie is on the sweeter side you can skip the tablespoon of sugar in the crust.
Can I use different nuts? For sure. Walnuts and pecans are both great here. Macadamia nuts would also be excellent. Just avoid anything too finely chopped or they’ll disappear into the bars.
Do I really have to chill them overnight? You really do, or at least 4 hours. They need time to firm up before slicing or you’ll have a delicious mess. That said, one reader ate them straight out of the oven with a fork, molten chocolate and all, and had zero regrets.
Can I make these gluten free? Yup yup yup. The only thing that needs swapping is the graham crackers. Use any plain-ish gluten free cookie you like crushed up. Everything else in the recipe is naturally gluten free.
How did I end up here? You were probably searching for “vegan magic bars,” “vegan seven layer bars,” or “vegan hello dolly bars.” Maybe “magic cookie bars vegan” or “vegan coconut cookie bars.” Welcome, you found the best recipe!

Magic Coconut Bars
Ingredients
- 1 14 oz can coconut milk
- 2/3 cup dark brown sugar
- 2 cups vegan graham cracker crumbs
- 1/2 cup melted vegan butter cooled
- 2 tablespoons sugar
- 1 1/2 cups chocolate chips or chocolate chunks
- 2 cups flaked, sweetened coconut
- 1 cups walnuts or pecans chopped
Instructions
- In a large saucepan whisk together coconut milk and brown sugar over medium high heat. Bring to a boil, reduce heat to low and simmer for 20 minutes, stirring occasionally, until thickened. Mixture may form a thin skin on the surface; just stir it back into the liquid. Remove from heat and let cool while preparing the crust.
- Preheat oven to 350°F. Line a 13 x 9 x 2 inch baking pan with parchment paper. In a large bowl combine graham cracker crumbs, melted vegan butter and sugar; mix well to moisten crumbs completely. Firmly press mixture into prepared pan, pressing evenly from center to sides of pan.
- Pour warm coconut milk mixture evenly over crumb base. Top with an even layer of chocolate chips, flaked coconut and nuts, in that order. Firmly pat everything down until coconut milk mixture soaks upward into the toppings.
- Bake for 28 to 30 minutes or until coconut is deeply golden and filling is bubbling, remove from oven and let entire pan cool on a wire rack for 15 minutes.
- Transfer pan to the refrigerator to completely cool and firm up for at least 4 hours, even better overnight or until very firm. Use a sharp, heavy knife to run along the edges of bars, slide bars on parchment paper out of pan onto a cutting board then to slice into 24 squares.
- Store in a covered container in the refrigerator. These also freeze well, tightly wrapped and allowed to thaw for 20 minutes before serving.
Thanks for this recipe. Love “magic cookie bars” made with sweetened condensed milk and this vegan version did not disappoint. Delish!
I have made these for four different events now (for mostly non-vegans) and people LOVE it! Thanks for the post and for all of your amazing recipes!
Just tried the bars.. I have to say “Wow”, I run a vegetarian Yoga center in Guatemala and will put these on the menu. I made my own coconut milk (land of coconuts), super easy and its even better than canned. Thanks for the great treat.
Do you think I could sub almond meal or other finely chopped nut for the graham cracker? Or anything else? I need to make it GF and I don’t have/want to buy GF cookies.
Thanks!
These bars are amazing. I was looking to find a recipe that would replicate the bars they sell at Alladins (a Middle Eastern chain restaurant) but these are so much better! Best of all, my 3-year-old doesn’t like coconut, so that means more for me! And less sugar for her. Thanks for sharing!
[…] Magical Coconut Bars […]
[…] reduction over a gluten-free cookie crust made with almond meal. The recipe was adapted from the Magical Coconut Cookie Bar recipe in Vegan Cookies Invade Your Cookie […]
Please I need some of these wonderful vegan dessert recipes. My vegan daughter is coming to visit from the other side of the country. Oh, & I am not opposed to pigging out on vegan desserts. I’ve tried many in Oregon, land of the Vegans. I hope Veganism spreads like wildfire in this country. I have 2 wonderful adult children who cook the best vegan food ever. My son, OMG! Shh! Don’t tell my daughter. My son should be a vegan chef!!!!
I adore these! These bars ( the non-veg version) used to be my thing before I bacame vegan. I would bring them to potlucks or as a hostess gift all the time. My friends called them “Melanie bars” 🙂 So glad I can start making them again now that I’ve found a veganized version!
These are so amazing!! I wowed all my friends with these bars! They really are magical.
[…] Vegan San Francisco Magical Coconut Bars by the PPK (Post Punk Kitchen) […]
My Cookie Jar book got lost in a flood of sorts–so very grateful you’ve got this recipe online. Thank you for these, they are always a massive success, and an additional jar of thanks for all of the food, ever. Your books have been a constant companion in our kitchen for years. x
This is my go-to dessert! These bars are too die for. Even my husband who is not a huge coconut lover says they are delicious. I brought them to a Teacher Appreciation event and they were gone plus requested the following year!
These are fabulous, thank you!
I love this. I’ve tried veganizing these before but I think you’ve untied the Gordian Knot! Can’t wait to try them.