Gluten-Free Tres Leches Cupcakes

These Gluten-Free Tres Leches Cupcakes are soaked in homemade coconut milk tres leches and topped with fluffy cream. Perfect cinco de mayo cake for celebrations!

The first time I attempted tres leches cake after going gluten-free and dairy-free, I thought it was simply impossible. How do you recreate a dessert literally named “three milks” without dairy? I tried store-bought substitutes that tasted artificial, experimented with ratios that left the cake either bone-dry or soup-like, and nearly gave up entirely.

These Gluten-Free Tres Leches Cupcakes capture every bit of the authentic experience: tender cake soaked in a luscious three-milk mixture, topped with clouds of whipped cream and a whisper of cinnamon. The coconut milk tres leches adds a subtle tropical note that actually enhances the traditional flavor rather than competing with it.

Why You’ll Love These Gluten-Free Tres Leches Cupcakes

• Completely dairy-free: All three milks come from plant-based sources without sacrificing the creamy, soaked texture that defines this classic
• Individual portions: Cupcakes mean no messy slicing of soggy cake—each guest gets a perfectly portioned, Instagram-worthy dessert
• Make-ahead magic: These actually taste better after soaking overnight, making them ideal for cinco de mayo cake prep
• Familiar convenience: Starting with a gluten-free cake mix means foolproof results even for baking beginners

The Secret to Perfect Gluten-Free Tres Leches Cupcakes

Homemade condensed milk makes all the difference. Store-bought dairy-free condensed milk often tastes artificial or overly sweet. Simmering almond milk with sugar and vanilla for two hours creates authentic caramelized sweetness that rivals the traditional version. This slow reduction is worth the wait for your coconut milk tres leches.

The three-milk ratio matters. Traditional tres leches uses evaporated milk, sweetened condensed milk, and heavy cream. Our dairy-free version achieves similar richness by combining homemade condensed almond milk with unsweetened almond milk and creamy coconut milk. According to trusted culinary guidance from Serious Eats, the key is balancing sweetness with enough liquid to properly soak the cake.

Poke holes generously. Those holes are the highways for milk absorption—too few holes means dry centers surrounded by soggy edges. Use a fork or skewer to create holes throughout each cupcake, spacing them about half an inch apart for even soaking.

Overnight soaking develops flavor. While you can serve these after a few hours, refrigerating overnight allows the milk mixture to fully penetrate and the flavors to meld into that signature creamy richness that makes this mexican dessert so beloved.

Ingredients

Ingredient	Amount	Notes
Gluten-free cake mix	1 box	Check that it’s dairy-free; plus ingredients it requires
For Homemade Condensed Milk:
Silk almond milk	⅔ cup	For condensed milk
White sugar	¼ cup
Vanilla	1 teaspoon
For Milk Mixture:
Silk almond milk, unsweetened	½ cup
Silk coconut milk	½ cup	Full-fat preferred
For Topping:
SO Delicious dairy-free whipped cream	1 container
Silk Non-Dairy Yogurt, Tropical Pineapple	1 container	Optional
Cinnamon	For sprinkling

Yields: 24 cupcakes

Step-by-Step Instructions

Making the Homemade Condensed Milk

Step 1: Start the condensed milk first.
An hour before you make your cake, begin the condensed milk. In a saucepan, whisk together ⅔ cup almond milk, ¼ cup white sugar, and 1 teaspoon vanilla. Place over high heat and whisk until it reaches a boil.

Step 2: Simmer and reduce.
Once boiling, reduce heat to medium and let simmer uncovered for two hours, whisking occasionally. The mixture will slowly reduce and thicken as the water evaporates—this is the magic that creates rich, caramelized sweetness without dairy. Don’t rush this step for your coconut milk tres leches.

Pro Tip: Set a timer to remind yourself to whisk every 15-20 minutes. The mixture can scorch on the bottom if left completely unattended.

Step 3: Cool and thicken.
After two hours, remove from heat, cover with a clean kitchen towel, and let cool completely. The condensed milk will continue to thicken as it cools, eventually reaching a consistency similar to traditional sweetened condensed milk.

Baking the Cupcakes

Step 4: Prepare cupcakes while condensed milk simmers.
While your condensed milk reduces, bake the gluten-free cake mix according to the package instructions for cupcakes. Use cupcake liners for easier serving and follow the recommended baking time carefully—overbaked cupcakes won’t absorb the milk mixture properly.

Pro Tip: Well, slightly underbaked cupcakes actually work better for tres leches since they’ll absorb more liquid. Pull them when a toothpick comes out with just a few moist crumbs.

Creating the Three-Milk Mixture

Step 5: Combine the milks.
Once your homemade condensed milk has cooled, transfer it to a bowl or measuring cup with a spout. Add the ½ cup unsweetened almond milk and ½ cup coconut milk, whisking until completely combined. You should have a pourable mixture that’s slightly thicker than regular milk.

Soaking the Cupcakes

Step 6: Poke holes in each cupcake.
Using a fork, skewer, or chopstick, poke holes throughout the top of each cooled cupcake. Make 8-10 holes per cupcake, going about three-quarters of the way down. Don’t be shy—more holes mean better milk absorption for these Gluten-Free Tres Leches Cupcakes.

Step 7: Soak with the milk mixture.
Spoon the three-milk mixture slowly over the top of each cupcake, giving it time to absorb before adding more. Each cupcake should receive about 1-2 tablespoons of liquid. The tops will look wet and glossy when properly soaked.

Pro Tip: Man, oh man, if liquid pools on top without absorbing, make a few more holes. Every bit of that milk mixture should soak into the cake.

Topping and Finishing

Step 8: Prepare the whipped topping.
If desired, combine the dairy-free whipped cream with the tropical pineapple yogurt for a fruity twist that complements the coconut notes. Using just the whipped cream is perfectly delicious too—the yogurt addition is optional.

Step 9: Top and garnish.
Generously top each soaked cupcake with the whipped cream mixture, creating fluffy peaks or smooth swirls. Sprinkle cinnamon over the tops for that signature tres leches finish. Refrigerate until ready to serve your cinco de mayo cake.

Make It Your Own

Traditional sheet cake version: Pour the batter into a 9×13 baking pan instead of cupcake tins. Bake according to package instructions for sheet cake, then poke holes and soak the entire surface. Spread whipped topping over the whole cake and slice to serve.

Chocolate tres leches: Use a gluten-free chocolate cake mix and add 2 tablespoons of cocoa powder to the whipped cream topping. This rich variation puts a decadent spin on the traditional mexican dessert.

Strawberry topping: Skip the pineapple yogurt and top with fresh sliced strawberries or a drizzle of dairy-free strawberry mousse for a fruity, elegant presentation. The berries add color and freshness.

Dulce de leche drizzle: You know what takes these over the top? Drizzle dairy-free caramel sauce over the whipped cream before adding cinnamon. The extra sweetness appeals to serious dessert lovers.

Toasted coconut garnish: Sprinkle toasted coconut flakes along with the cinnamon to enhance the coconut milk tres leches flavor and add textural contrast to the creamy topping.

Common Problems & Solutions

Problem: The cupcakes are soggy and falling apart.
You added too much milk mixture, or the cupcakes were underbaked before soaking. Solution: Use only 1-2 tablespoons of milk per cupcake, and ensure cupcakes are fully baked (just slightly moist crumbs on a toothpick) before poking holes.

Problem: The centers are still dry.
Not enough holes, or holes weren’t deep enough. Solution: Poke more holes, going three-quarters of the way down, and space them closer together. Add milk mixture in stages, waiting for absorption between additions.

Problem: The homemade condensed milk is too thin.
It didn’t simmer long enough, or the heat was too low. Solution: Return to medium heat and continue simmering, whisking regularly, until it coats the back of a spoon and has reduced by about half.

Problem: The whipped cream is deflating.
Dairy-free whipped cream is less stable than traditional. Solution: Keep the cupcakes refrigerated and add the topping no more than a few hours before serving. You can also fold in a tablespoon of coconut cream to help stabilize.

Problem: The cupcakes taste too coconutty.
The coconut milk flavor is prominent for some palates. Solution: Reduce coconut milk to ¼ cup and increase almond milk to ¾ cup. This creates a more neutral flavor profile for your Gluten-Free Tres Leches Cupcakes.

Storage & Meal Prep

Method	Duration	Notes
Counter	Not recommended	Dairy-free cream requires refrigeration
Fridge (soaked, untopped)	Up to 3 days	Add topping before serving
Fridge (fully topped)	24-48 hours	Best flavor develops overnight
Freezer	Not recommended	Texture becomes mushy

These cupcakes genuinely taste better after soaking overnight—the flavors meld and the texture becomes perfectly moist throughout. For best results, soak the cupcakes a day before your event, refrigerate uncovered for a few hours (this helps the tops set), then add whipped topping the morning of serving.

The homemade condensed milk can be made up to a week ahead and refrigerated in an airtight container. Bring to room temperature and whisk before combining with other milks for your coconut milk tres leches mixture.

Your Questions Answered

Serving Suggestions

These Gluten-Free Tres Leches Cupcakes deserve a place of honor at your Cinco de Mayo celebration, arranged on a colorful platter with fresh lime wedges and marigold flowers for festive flair. The individual portions make them perfect for buffet-style parties where guests can help themselves.

For a complete Mexican-inspired dessert spread, serve these alongside gluten-free churro bites for variety and gluten-free French macarons in tropical flavors like mango or passion fruit. The combination covers every texture preference—soaked and creamy, crispy and cinnamon-sugar coated, and light and airy.

Each bite of these cupcakes melts on your tongue like sweetened clouds kissed with cinnamon—rich, creamy, and impossibly tender in a way that makes people close their eyes and savor the moment.

Ready to Soak?

These Gluten-Free Tres Leches Cupcakes have brought one of my favorite childhood desserts back to my table after years of thinking it was off-limits. The homemade condensed milk is a game-changer, and seeing the joy on my family’s faces when they taste authentic tres leches again makes every minute of that two-hour simmer worthwhile.

I’d love to hear about your tres leches success! Drop a comment below with your favorite variations or any questions that come up while you’re cooking. Please rate this recipe if it earns a spot at your celebration, and save it to Pinterest so you’ll have this coconut milk tres leches recipe ready for your next fiesta.