Dairy-Free Nanaimo Bars
You and I both know I’m a cake girl. I don’t care about the flavour, store-bought, or homemade. I will never turn down a slice of cake. But, when it comes to dessert squares, my heart will forever be held by dairy-free Nanaimo Bars. These delicious little bars of no-bake goodness are my weakness. I literally can eat an entire tray of these bad boys. No jokes. A whole tray. They are that good.
For those unfortunate souls who have not had the experience of devouring a Nanaimo Bar let me give you a quick little run down of them. First up you have the base layer of graham cracker, nutty, coconut, and chocolate goodness. The middle layer, and my favourite layer, of custard buttercream. And last, but certainly not least, is the top layer of straight-up chocolate. How can one go wrong with this combination of confectionary delight?!
Note: This post contains affiliate links to which I earn a small commission, but don’t worry there’s no extra cost to you! Thank you for supporting CAKED by Katie.

Base Layer
Don’t get intimidated by all this layer talk. These squares don’t need any baking and come together pretty quickly. And trust me when I say that they are worth every single bit of energy expended while making them. Let’s start with that beautiful base layer.
First, in a medium saucepan melt the butter, sugar, and cocoa powder on medium-low heat until fully melted and combined. Next, add in the beaten egg and stir until the mixture starts to thicken. This should take approximately 1-2 minutes. Once it has thickened remove from the heat and stir in the graham cracker crumbs, shredded coconut, and chopped cashews. Third, mix everything and dump it into a prepared 8×8-inch baking tray. I like to line my baking tray with parchment paper for easy removal.
Here comes the part of the recipe that’s going to require the most work from you. You have to firmly, like really firmly, press this base layer down. What I do is get another piece of parchment paper and lay it down on top and with a flat bottom-heavy glass I “put my back into it” so to speak.
Evenly and with all your muscle (go ahead and call this your workout for the day) press down until it is solidly packed. If this base isn’t firmly pressed down the bars will crumble when you cut them. And that would be sad. Still delicious, but super sad. So go ahead and show this base layer who’s boss.

Custard Buttercream
Next up is that dreamy whipped custard buttercream that will have you either swooning or spooning it straight into your mouth. No judgment if you both swoon and spoon simultaneously. This layer comes together like any traditional buttercream.
Start by creaming the butter in the bowl of a stand mixer on high until light and fluffy. Add in the icing sugar, custard powder, and heavy cream and mix on low until combined and then turn up to high for 5 minutes. I add a drop or two of extra yellow gel food colouring to amp up that custard colour but it’s completely optional. Finish by spreading this evenly over the base layer and put it in the fridge to chill while you prepare the third and remaining layer.
Chocolate Ganache
Last, but not least, is the third and final layer of this triple-decker dessert, the chocolate. In a microwave-safe bowl, add the chocolate and butter. Heat in 30-second intervals, stirring between each time. Once fully melted and combined spread evenly over the chilled custard buttercream and base layer. If you would like to add a splash of fun colourful sprinkles, do so now. If not, chill the tray in the fridge for at least 1 hour to fully cool and set. Remove carefully from the pan and slice into 16 squares.
Now here is the hardest part…try to refrain from eating every single dairy-free Nanaimo Bar. It will take an act of sheer Zeus-level willpower to not devour every morsel of custard delight. And if by some miracle, you can save some to enjoy the next day, send me a message and teach me your ways.
Print
Dairy-Free Nanaimo Bars
- Total Time: 1 Hr 30 Min
- Yield: 16 1x
Description
The most delicious dairy-free Nanaimo Bars you’ll ever encounter. Three layers of no-bake classic Canadian delight!
Ingredients
BASE LAYER:
- 1/2 cup dairy-free salted butter
- 1/4 cup sugar
- 5 tbsp. cocoa powder
- 1 egg, beaten
- 1 3/4 cups graham cracker crumbs *can sub gluten-free crumbs
- 1 cup sweetened shredded coconut
- 1/2 cup chopped cashews
MIDDLE LAYER:
- 1/2 cup dairy-free salted butter, room temperature
- 3 tbsp. dairy-free milk
- 2 cups powdered sugar
- 2 tbsp. custard powder
- optional: yellow food colouring
TOP LAYER:
- 4 oz. dairy-free semisweet chocolate
- 2 tsp. dairy-free salted butter
- optional: 1/2 cup sprinkles
Instructions
EQUIPMENT:
- Stand Mixer
- Medium Pot
- 8 x 8 Pan
- Parchment Paper
- Spatula
NANAIMO BARS
-
Prepare an 8×8 inch baking pan with non-stick baking spray and parchment paper.
-
In a medium pot, melt the butter, sugar, and cocoa powder over medium-low heat.
-
Add in the beaten egg and mix until it thickens. Remove from heat.
-
Mix in the graham crackers crumbs, cashews, and coconut until combined.
-
Place into the prepared baking tray and very firmly and evenly press the base layer down. Set aside.
-
Cream the butter in the bowl of a stand mixer on high until light and fluffy.
-
Add in the powdered sugar, custard powder, milk, and food coloring (if using) and mix on low until combined then high for 5 minutes. Spread evenly on the base layer and refrigerate.
-
Heat chocolate and butter in the microwave in 30-second intervals until fully melted and smooth.
-
Spread evenly on the cooled base and buttercream layer and add sprinkles if desired.
-
Allow to fully cool and set in the refrigerator for at least 1 hour.
-
Cut into 16 squares and store in an airtight container in the fridge. Enjoy!
- Prep Time: 30 Mins
- Cook Time: 1 Hr (To Chill)
- Category: Squares
- Method: No-Bake
- Cuisine: American



I finally made these and oh my gosh where have they been all my life?! So good!!!
Haha right?! You won’t be able to stop making them now. ?
This is my FAVORITE recipe ever! Nanaimo Bars are my all time favorite treat. I never knew making them was so easy. I love that this recipe is Dairy free so I can share with my friend that is lactose intolerant. Lord knows I don’t need to eat all these Nanaimo Bars to myself.. although, I probably could.
Girl, you and me both! I could easily eat the entire pan.
Best Nanaimo bar recipe I’ve found. These are amazing!
Aw yay! That makes my heart burst. Thank you, Dana.
These are really good, Katie! The recipe worked perfectly, but I am having trouble cutting them without the chocolate layer breaking really bad – which is making them look very irregular…do you have any suggestions? Yours look so nice on the edges.
Cutting them is definitely tricky. Slow and steady wins the race. I skor the chocolate top where I want to slice and then heat up my knife.
Just made these and they’re so good! Normally, I’m not a Nanaimo bar lover. At all. But these have swayed me. Five stars!
I’m tickled pink that you gave them a go.
Hi Katie. Which kind of dairy free “butter” did you use? I used Becel and the custard layer was a little sloppy. Thank you! They tasted great anyway!!
I use becel plant-based bricks. Steer clear of any spreadable style dairy free butter s it won’t hold up. The fridge is always your friend when working with dairy-free butter too. It has a lower melting point so can often require chilling to firm back up.