A Classic Canadian Treat with a Twist: Gluten-Free, Dairy-Free Nanaimo Bars You’ll Love

It's always better homemade

When you think of classic Canadian desserts, what comes to mind? For me, it’s always Nanaimo bars. There’s something so nostalgic and comforting about this no-bake treat with its rich chocolatey base, creamy custard middle, and smooth chocolate topping.

But as a busy mom who loves baking homemade treats that fit my family’s dietary needs, I knew I wanted to make a version of Nanaimo bars that was both gluten-free and dairy-free — without sacrificing that iconic taste and texture we all love.

Today, I’m so excited to share my twist on this Canadian favorite. Whether you have food sensitivities, are trying to reduce dairy and gluten in your diet, or just want to try something new, these bars are the perfect sweet indulgence.

Why Nanaimo Bars Are So Beloved

Nanaimo bars originated in Nanaimo, British Columbia, and have been a staple at Canadian bake sales, holiday gatherings, and family events for decades. Traditionally, they consist of three layers:

Jump to Recipe Print Recipe

1. A chocolate-coconut-graham cracker crust.

2. A creamy custard-flavored middle layer.

3. A glossy chocolate top layer.

They’re no-bake, easy to make, and absolutely delicious. But as with many classic desserts, the original recipe is loaded with butter, conventional graham crackers, and dairy-heavy ingredients, making them off-limits for some.

My Homemade Twist: Gluten-Free and Dairy-Free

In my kitchen, I love finding ways to make traditional recipes more inclusive — because everyone deserves to enjoy a sweet treat! By making just a few simple swaps, you can recreate these iconic bars in a gluten- and dairy-free version that tastes just as good (maybe even better!).

Let’s get into it.

Ingredients for Gluten-Free, Dairy-Free Nanaimo Bars

Bottom Layer

1/2 cup butter (I use Melt coconut butter — it gives a subtle coconut flavor and is completely dairy-free)
1/4 cup granulated sugar
5 tbsp cocoa powder
1 egg
1 3/4 cups gluten-free graham cracker crumbs (I used Kinnikinnick gluten-free graham crackers this time)
3/4 cup unsweetened coconut flakes

Middle Layer

1/2 cup butter (again, I use Melt coconut butter)
3 tbsp milk (I use unsweetened almond milk)
2 tbsp custard powder
2 cups icing sugar

Top Layer

2/3 cup semi-sweet chocolate chips
2 tbsp butter (I use cocoa butter for the top layer — it helps it stay firm even if left out a little longer)

Step-by-Step Instructions

The Base Layer

In a medium saucepan over low heat, combine the coconut butter, granulated sugar, and cocoa powder. Stir constantly until melted and smooth.
Remove from heat and quickly whisk in the egg. The mixture should thicken almost immediately — this is what helps bind the crust together.
Stir in the gluten-free graham cracker crumbs and coconut flakes until fully combined.
Press the mixture firmly into the bottom of a parchment-lined 8×8 inch pan. Place in the fridge to chill while you prepare the next layer

The Middle Layer

In a medium bowl, beat together coconut butter, almond milk, custard powder, and icing sugar until light and fluffy. The texture should be smooth and spreadable, almost like a thick frosting.
Spread evenly over the chilled base layer. Smooth the top with a spatula.
Place back into the fridge to firm up.

The Top Layer

In a small saucepan (or microwave in short bursts), melt together the semi-sweet chocolate chips and cocoa butter. Stir until completely smooth.
Allow to cool slightly (so it doesn’t melt the custard layer when poured).
Pour over the middle layer and gently spread with a spatula.
Refrigerate until set (about 1-2 hours).

When fully set, use a sharp knife to cut into squares. Pro tip: run your knife under hot water and wipe it clean between cuts for clean, beautiful edges.

Why These Ingredients Work

A big part of making gluten-free and dairy-free versions of classic desserts is understanding how different ingredients behave. Here’s why these swaps work so well:

Melt coconut butter: This is an amazing dairy-free alternative that adds a creamy richness and subtle coconut flavor. It works beautifully in both the base and the custard layer.
Gluten-free graham crackers: Kinnikinnick is my go-to brand, but you can also make your own by crushing homemade gluten-free graham cookies.
Unsweetened almond milk: Keeps the custard layer smooth without dairy.
Cocoa butter: Using cocoa butter instead of traditional butter in the top layer prevents melting and softening too quickly, especially in warm kitchens or at summer gatherings.

Tips for the Perfect Nanaimo Bars

Line your pan with parchment paper so you can easily lift out the entire slab and cut evenly.
Chill between each layer — don’t rush this step! It keeps the layers neat and prevents them from blending together.
Use high-quality chocolate for the top layer. It makes a noticeable difference in flavor and texture.
Store in the fridge but allow to sit at room temperature for about 10 minutes before serving for the best texture.

Bringing a Homemade Twist to Canadian Classics

One of the most rewarding parts of living a homemade lifestyle is taking beloved traditions and making them your own. These Nanaimo bars are a perfect example — a dessert rooted in Canadian culture, but adapted to be enjoyed by even more people.

I believe that food should bring people together. And when it’s homemade, it’s even more special. You don’t need to sacrifice taste, texture, or nostalgia just because you have dietary restrictions. In fact, sometimes these twists can become new family favorites.

Hosting a Canada Day Celebration? These Are Perfect!

With Canada Day just around the corner, these Nanaimo bars make the perfect addition to your celebration table. Bright, sweet, and deeply Canadian — they’re a guaranteed crowd-pleaser. Plus, your guests will be impressed when they find out they’re gluten-free and dairy-free!

Pair them with a refreshing pitcher of homemade lemonade or a big bowl of fresh berries for a truly festive (and inclusive) spread.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Final Thoughts

If you’ve been missing out on Nanaimo bars because of gluten or dairy, this recipe is for you. If you just love trying new twists on classics, this recipe is for you too!

When I first set out to create this recipe, I wasn’t sure if it would truly capture that classic taste I grew up loving. But after many (many!) taste tests, I can confidently say these bars are every bit as delicious as the original. Maybe even better — because they’re made with love, a little creativity, and a lot of Canadian pride.