Return to top
featured in… The Huffington Post CookingLight Reader's Digest Women's Health BuzzFeed Glamour Whole Foods Oprah Winfrey Network CNN Food Network Healthline Shape

Hello! I’m Anjali. I’m a board certified health coach, author, wife, mom and food lover from the SF Bay area (now living in Seattle, WA!); with a passion for delicious food and a desire to make healthy eating easy, tasty and fun! Learn more about me here and stay for a while!

Anjali Shah

Vegan Pineapple Upside Down Cake

This post may contain affiliate links. As an Amazon Associate, I earn from qualifying purchases. Please read my disclosure.

If you are looking for your next vegan fruity dessert fix, look no further than my vegan pineapple upside down cake. I use pineapple rings, maple syrup, and vanilla paste for this nostalgic dessert that has stood the test of time. This dessert is moist, glossy on top, dairy free, egg free and comes together in just 1 hour.

eggless vegan pineapple upside down cake recipe on a cake platter

Pineapple upside down cake is a vintage dessert that delivers a rich, retro flavor still loved by so many today. The combination of the caramelized fruit topping and spongy vanilla base has made it a firm favorite in my house. I alternate between this dessert and my vegan peach cobbler when I want to serve something sweet and fruity. For special occasions, I make both. Ha! I recommend doing the same at your next family gathering. 

A few years ago, I was reminiscing about childhood desserts with my husband, and I realized that I desperately needed a vegan pineapple upside down cake in my life. While my kids love the other fruit-based desserts like my vegan apple crisp, they were particularly taken by this cake. The first time I made it, I was met with delighted gasps when I flipped it over to reveal the pineapple rings. My youngest asked how they got in there. Ha! 

This vegan pineapple upside down cake satisfies my sweet cravings while using more wholesome ingredients than the traditional version. From a nutritionist’s perspective, I appreciate the added fiber in the whole wheat flour and the less refined quality of coconut sugar. It is a dessert I can serve to my kids and guests, knowing it balances indulgent and mindful ingredient choices. 

The structure of this cake works thanks to simple, yet intentional steps. I begin by arranging the pineapple rings and pouring maple syrup directly into the pan so it caramelizes as the cake bakes. Mixing the wet ingredients separately helps create a smooth batter, without overworking the flour, which is how I keep it light and delicate. Allowing the cake to rest before flipping gives the syrup a chance to thicken and stick to the fruit instead of sliding off. 

I will be the first to admit that I was incredibly nervous the first time I made this cake for an event. My sister was hosting a 1970s-themed party with a menu to match. No matter how many times I have made this, there is always a moment when my heart skips a beat during the flip.

On this occasion, I was hesitant, and even a little silly, scared I was going to mess up and send pineapple rings falling everywhere. My sister, growing impatient, grabbed the dish, placed it on the base, and flipped it before I could even object. It came out perfectly. She just rolled her eyes at me and walked away in cool fashion, much like a 1970s disco diva. I recommend making this recipe with the same kind of attitude. Ha!

Latest Recipe Video!

🥘 Ingredients

This dessert may look and taste exotic, but the ingredients are surprisingly simple. This is what I use:

ingredients for easy eggless vegan pineapple upside down cake recipe

Dry Ingredients

White whole wheat flour: I use this for structure and a light wholegrain flavor.

Baking powder: I use this as a raising agent to give my cake a lift and keep it light.

Coconut sugar: In place of refined sugar, I use coconut sugar as a healthier option. If you want your cake sweeter, you could also use light brown sugar. 

Wet Ingredients

Pineapple rings: I use canned pineapple rings or fresh ones. If canned, I make sure to drain them well.

Maple syrup: This is what I use to create that caramel stickiness over my pineapple.

Almond milk: I use unsweetened almond milk to add creaminess to my cake batter.

Coconut oil: Coconut oil keeps my cake moist, without the use of butter or canola oil. I melt it before mixing it in.

Vanilla paste: Vanilla paste gives my upside down cake a deep richness that rounds out all the other flavors. 

🔪 How To Make

Every time I make this vegan pineapple upside down cake, I follow these simple steps exactly to guarantee the perfect outcome:

Preheat and prep: I preheat my oven to 350F and line an 8-inch cake tin with parchment paper. Then I drain the pineapple rings and arrange them at the bottom of the pan, before pouring over the maple syrup.

pineapples and maple syrup in a baking dish

Mix wet ingredients: In a large mixing bowl, I whisk together the almond milk, coconut oil, coconut sugar, and vanilla paste until smooth and combined.

wet ingredients mixed in a bowl

Mix dry ingredients: In a separate bowl, I whisk the flour and baking powder together.

dry ingredients combined in a bowl

Make cake batter: Next, I add in 1/2 of the flour mixture, and whisk until well combined. Then I add in the rest of the flour and whisk until smooth.

wet and dry ingredients mixed together in a bowl

Pour into the prepared pan: I pour the batter into my prepared cake pan and spread it evenly.

cake batter in a cake tin

Bake: I bake my cake for 40 minutes, until an inserted toothpick comes out clean. Then I allow the cake to cool in the pan for 30 minutes. To remove, I invert the cake tin on my serving dish and flip quickly but carefully. Lastly, I remove the parchment, slice, and serve.

slices of easy gluten free eggless vegan pineapple upside down cake recipe on a cake platter

My #1 Secret Tip for this vegan pineapple upside down cake recipe is to drain the pineapple rings thoroughly before arranging them in the cake pan. I even give it a quick pat with a paper towel if it is really juicy. Excess juice is the main reason this cake turns soggy, which prevents caramelization. 

Other Tips To Keep In Mind:

  • Tinned pineapple for more sweetness: While fresh pineapple works well, sometimes cooked pineapple can give off a bitter taste, depending on the ripeness. Tinned rings are also far more convenient, which is what I like. 
  • Allow proper resting: I always make sure to give my cake the full 30 minutes rest before flipping so the syrup sticks to the pineapple, and keeps the rings in place. 
  • Pan lining: I make sure my cake tin is always lined, which allows for a cleaner flip, release, and little to no wastage of the syrup. 

📖 Variations

After I became confident and comfortable with this recipe, I experimented, and these are some of my favorite variations:

Cherry on top: I add 1/2 a maraschino cherry into the center of each pineapple ring before adding the batter. This adds an amazing pop of color and gives it that authentic retro flair. I have caught my kids stealing the cherries on more than one occasion, though.

Go gluten-free: I replace my flour with gluten-free 1 to 1 baking flour that contains xanthan gum. This recipe is one that my friend with celiac swears by to cure her cravings. 

Citrus boost: For a little kick, I add 1 teaspoon of finely grated orange zest to the batter for a more tropical and elevated flavor. My husband loves anything orange-flavored, so of course, this is the version he requests most. 

🍽 Serving Suggestions

I love a cohesive theme, which is why I make sure to serve this vegan pineapple upside down cake with other fruit or vegetable-inspired desserts. Last year, I made the desserts for a family member’s birthday, and decided to do an all-fruit theme. I made my lemon tartlets with coconut milk filling, and a large vegan pumpkin pie, as well as a few of my healthy no-bake date bars for the chocoholics.

Whenever I am hosting a party for my kids and their friends, I prefer to be cautious and go for a fully vegan and partially gluten-free spread. Last year, my eldest had an end-of-semester party and wanted a few finger foods and mostly desserts. I was not too worried about overindulging them as I knew I was making conscious choices when it came to my ingredients. I served my vegan upside down cake, along with a bowl of warm vegan churros and my gluten-free vegan millionaire shortbread squares.

🧊 Storing And ♨️ Reheating

Refrigeration: I store this upside down cake in an airtight container in the fridge for up to 4 days.

Freezing: I slice the cake, then wrap each portion tightly and freeze for up to 3 months.

Reheating: If I want to warm the cake through slightly, I heat individual slices in a 350F oven for about 8 minutes. Or I microwave it briefly until warm. 

slice of vegan pineapple upside-down cake recipe on a white plate

❓Recipe FAQs

Can I let my cake rest for longer than 30 minutes?

No, I have discovered that 30 minutes is the sweet spot for resting time. Any less, and the syrup runs off the fruit, creating a mess. Any longer and the caramel may firm up and cling to the pan or parchment. 

What do I do if my cake has come out soggy?

If you discover your cake is soggy before removing it from the pan, try baking it for a few more minutes with the fan setting, if your oven has one. If you have already turned it upside down, you could still place it back in the oven, as long as it is holding its structure. But if your cake is soggy and falls apart, I recommend turning it into a tropical layered trifle with some whipped cream.

Which tin is best for this recipe?

I recommend using a solid, round 8-inch cake tin. This shape allows for a better arrangement and presentation of the pineapple rings. I also warn against using loose-bottomed or springform cake tins for this recipe.

easy gluten free eggless vegan pineapple upside down cake recipe on a cake platter

Love this dessert recipe? Please leave a 5-star rating 🌟 in the recipe below and/or a review in the comment section further down the page!

You can also FOLLOW ME on FACEBOOK, INSTAGRAM, and PINTEREST to see more delicious, healthy, family-friendly food, and if you have any questions, I’m here to help!

📋 Recipe Card

🎥 Watch How to Make It

eggless vegan pineapple upside down cake recipe on a cake platter
Print Recipe
5 from 7 votes

Vegan Pineapple Upside Down Cake

If you are looking for your next vegan fruity dessert fix, look no further than my vegan pineapple upside down cake. I use pineapple rings, maple syrup, and vanilla paste for this nostalgic dessert that has stood the test of time. This dessert is moist, glossy on top, dairy free, egg free and comes together in just 1 hour.
Prep Time20 minutes
Cook Time40 minutes
Total Time1 hour
Course: Dessert
Cuisine: American, Vegan
Diet: Gluten Free, Vegan, Vegetarian
Servings: 12 servings
Calories: 182kcal
Author: Anjali Shah

Ingredients

For The Pineapple Topping

For The Cake Base

Instructions

  • Preheat the oven to 350ºF or 180ºC and line the 8-inch cake pan with parchment paper.
  • Drain the pineapple slices and arrange them at the bottom of the pan. Pour the maple syrup over the pineapple slices. Set aside.
  • In a mixing bowl whisk the almond milk, coconut oil, coconut sugar and vanilla paste until smooth and combined.
  • In a separate bowl whisk the flour with baking powder.
  • Add in half of the flour mixture and whisk until well combined. Add in the rest and mix until combined.
  • Pour into prepared pan and spread evenly.
  • Bake for 40 minutes until the toothpick comes out clean.
  • Let it cool in the pan for 30 minutes. Then remove the cake from the pan by inverting the pan and peeling off the parchment paper.
  • Slice and enjoy!

Notes

  • My #1 Secret Tip for this vegan pineapple upside down cake recipe is to drain the pineapple rings thoroughly before arranging them in the cake pan. I even give it a quick pat with a paper towel if it is really juicy. Excess juice is the main reason this cake turns soggy, which prevents caramelization. 
  • Tinned pineapple for more sweetness: While fresh pineapple works well, sometimes cooked pineapple can give off a bitter taste, depending on the ripeness. Tinned rings are also far more convenient, which is what I like. 
  • Allow proper resting: I always make sure to give my cake the full 30 minutes rest before flipping so the syrup sticks to the pineapple, and keeps the rings in place. 
  • Pan lining: I make sure my cake tin is always lined, which allows for a cleaner flip, release, and little to no wastage of the syrup. 

Nutrition

Serving: 1slice | Calories: 182kcal | Carbohydrates: 24g | Protein: 2g | Fat: 10g | Saturated Fat: 8g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 1g | Sodium: 30mg | Potassium: 139mg | Fiber: 2g | Sugar: 11g

10 responses to “Vegan Pineapple Upside Down Cake”

  1. This Vegan Pineapple Upside Down Cake was so good I ended making it again to take to a friend! I am happy I found this new recipe yesterday!5 stars

  2. This pineapple upside down cake looks beautiful and I love that it’s made with healthier ingredients. I can’t wait to try it!5 stars

5 from 7 votes (2 ratings without comment)

Leave a Reply

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

Recipe Rating





Vegan Pineapple Upside Down Cake

This post may contain affiliate links. As an Amazon Associate, I earn from qualifying purchases. Please read my disclosure.

A perfectly moist vegan pineapple upside down cake with a buttery brown sugar glaze topped with pineapple rings and maraschino cherries. It’s a simple cake that is sure to impress!

vegan pineapple upside down cake with pineapple rings and maraschino cherries

Pineapple upside down cake is close to my heart! It was one of the few cakes my mom made on a regular basis. I don’t recall her baking many cakes, in fact, except for pineapple upside down cake.

She made it with yellow cake mix in a 9×13 pan, complete with buttery brown sugar, pineapple rings and maraschino cherries. We had it for birthdays, Easter, and sometimes even Christmas! This also works perfectly for a vegan Mother’s Day recipe!

It seemed a must to create a vegan version to share with all of you since it is one of those recipes that just about everyone loves! If you’re looking for something a bit healthier try these plant-based desserts!

What is an upside down cake?

While I was baking this cake, my youngest asked what I was making! After I told him, he asked, why is it called an upside down cake?

An upside down cake is a single layer cake that has the toppings on the bottom of the pan. When you flip the cake over you find a beautiful topping, hence it’s upside down!

The weight of the cake helps to release it from the pan when flipped over, while keeping the toppings stuck to the bottom of the cake.

Vegan Pineapple Upside Down Cake Toppings

pineapple rings, maraschino cherries, vegan butter, and brown sugar

I used my mom’s traditional recipe by combining vegan butter, organic brown sugar, pineapple rings, and maraschino cherries. Depending on the size and shape of your cake pan you may be able to use more or less than I did.

I recommend using a 9 inch cake pan. That’s what I used and I was able to fit 5 pineapple rings, with a cherry inside of each ring, and one cherry in the center for a total of 6 cherries.

Another options is to slice the pineapple rings in half, and use those to line the side of your cake pan.

Upside Down Cake Variations

You don’t only have to make upside down cake with pineapples! However fruit is the most common way to enjoy it! Try this cake with peaches, apples, or pears!

slice of vegan pineapple upside down cake on plate with fork

Why you’ll love this vegan pineapple upside down cake…

  • Moist cake crumb.
  • Buttery caramelized brown sugar topping.
  • Sweet tropical pineapples that get even sweeter with the brown sugar!
  • Easy one layer cake.
  • No frosting needed
  • Quick prep time!
  • Uses pantry ingredients.

Recipe Ingredients and Notes

For the Yellow Cake:

flour, oil, baking powder, apple cider vinegar, soy milk, sugar, turmeric, vanilla extract, and almond extract in bowls

Turmeric: Since my mom always made this recipe with a yellow cake mix, I too made my own vegan yellow cake to serve as the base of this recipe. What creates the yellow coloring? Turmeric! I promise you won’t notice any strange flavor.

Turmeric has a rather mild flavor, and creates a bright beautiful yellow color to your cake naturally. Plus, it has health benefits such as anti-inflammatory compounds, antioxidants, improved brain function and more! So while this is a cake, maybe you can feel better about enjoying a slice knowing you’re getting a bit of turmeric!

All-Purpose Flour: This helps to create a fluffy cake base that isn’t too dense or dry. If you’d like to swap for white whole wheat flour, I recommend one cup of all purpose flour, and one cup of white whole wheat flour to balance the texture.

Baking Powder, Baking Soda, and Salt: These are needed to help leaven the cake. I find the combination of both the baking powder and the baking soda helps to achieve a good rise.

Soy Milk and Apple Cider Vinegar: When mixed together soy milk and apple cider vinegar create a vegan buttermilk. The vinegar also helps to work with the baking soda to leaven the cake.

Coconut Oil: I find that adding oil to the cake helps to keep it moist. Vegan cakes have a tendency to be more dense since they do not include eggs. However, you can substitute unsweetened applesauce if you prefer an oil-free recipe, however I haven’t made it this way and can’t promise that it won’t be a bit dry.

Organic Cane Sugar: Use organic cane sugar to ensure that it is vegan. You could also use coconut sugar if your prefer.

Vanilla Extract and Almond Extract: The combination of vanilla and almond extract in this cake gives the cake base a nice nutty flavor.

For the Topping:

Canned Pineapple Rings: You’ll need about 5-7 pineapple rings depending on how many fit in your cake pan.

Organic Brown Sugar and Vegan Butter: Melt the vegan butter in the cake pan, then grease the sides with the butter as well. Add the brown sugar and allow the two to melt to create a nice thick paste.

Tools and Equipment

How to Make Vegan Pineapple Upside Down Cake – Step by Step

Make the vegan buttermilk: Add apple cider vinegar to soy milk. Whisk together and set side for 10 minutes. The soy milk with thicken and curdle.

vegan buttermilk in measuring cup

Prepare the dry ingredients: In a large mixing bowl whisk together the flour, baking powder, baking soda, salt, and turmeric. Set aside.

flour whisked together in mixing bowl

Combine wet ingredients: After the soy milk has set for 10 minutes, pour it into a medium size mixing bowl. Add the organic cane sugar, coconut oil, vanilla extract, and almond extract. Whisk together until the sugar fully dissolves.

sugar, oil and milk whisked together in mixing bowl

Add the wet ingredients to the dry ingredients: Pour the wet ingredients into the bowl with dry ingredients. Fold together until combined. Do not over mix. It is normal for the batter to be a bit lumpy.

yellow cake batter in mixing bowl with spatula

Prepare the Topping: Place the butter in the cake pan. Melt the butter in the cake pan by placing it in the preheated oven for about 2 minutes or until butter has melted. Butter the sides of the pan.

Take the cake pan out of the oven. Add the brown sugar to the cake pan. with a spoon or spatula combine the two until a thick butter sugar paste forms.

melted butter and brown sugar on the bottom of a cake pan

Add the pineapple rings, to the bottom of the cake pan. About 5 if using a 9 inch cake pan. Place a maraschino cherry inside each pineapple ring, and one more in the center of the cake.

pineapple slices and cherries on the bottom of a cake pan

Bake: Pour the batter over the pineapples and cherries. Carefully spread the batter evenly.

yellow cake batter in pan

Place the cake pan in the preheated oven at 350 F on the middle rack. Bake for 15-20 minutes or until toothpick comes out clean.

Cool: Allow the cake to cool in the pan for 10 minutes.

baked yellow cake in pan

Flip: Now it’s time to flip the cake upside down! Run a knife along the edges of the cake pan. Place a plate on top of the cake. Firmly gripping the cake pan and plate, flip it upside down. If you have trouble releasing the cake, just give it a few moments.

vegan pineapple upside down cake overhead

Allow to cool completely before serving.

Top Tips for Making Vegan Pineapple Upside Down Cake

  • The pineapple rings and maraschino cherries have a lot of juices. Before adding them to the bottom of your cake pan, use a paper towel, to dab the fruit and absorb the excess juice.
  • This cake will be denser than others. Since the fruit topping is on the bottom of the cake it weighs the rest of the cake down when it is flipped over.
  • Be sure to smooth the cake batter over carefully so as not to disrupt the pineapple and cherries beneath. It’s a rather thick cake batter, and you will need to even it out so that the cake bakes up nicely.
pineapple upside down cake slice on plate with cake and cake stand in the background

How to Serve

There isn’t any frosting needed for the cake. The topping and decoration is the beautiful fruit design!

I enjoy eating it simply, and don’t think it needs anything extra. But if you’d like, feel free to serve with a small scoop of vegan vanilla ice cream!

How to Store and Keep

Wrap the cake in saran wrap, or cover. Store in the refrigerator for 3-5 days.

slice of vegan pineapple upside down cake on white and black plate with fork

Check out these other vegan cake and cupcake recipes!

  • Strawberry Cake
  • Blueberry Cake
  • Lemon Cupcakes
  • Apple Cake
  • Carrot Cake Cupcakes
  • Red Velvet Cake
  • Ginger Cake

🎥 Watch How to Make It

vegan pineapple upside down cake
Print Recipe
5 from 5 votes

Vegan Pineapple Upside Down Cake

A perfectly moist vegan pineapple upside down cake with a buttery brown sugar glaze topped with pineapple rings and maraschino cherries. It's a simple cake that is sure to impress!
Prep Time15 minutes
Cook Time20 minutes
Cool10 minutes
Total Time45 minutes
Course: Dessert
Cuisine: American
Servings: 10 slices
Calories: 275kcal
Author: Anjali Shah

Ingredients

Cake Batter

Fruit Topping

Instructions

  • Preheat oven to 350 F. Add apple cider vinegar to soy milk. Whisk together and set aside for 10 minutes. Soy milk with thicken and curdle.
  • Meanwhile, In a large mixing bowl whisk together the flour, baking powder, baking soda, salt, and turmeric. Set aside.
  • After the soy milk has curdled, pour it into a medium size mixing bowl. Add the organic cane sugar, coconut oil, vanilla extract, and almond extract. Whisk together until the sugar fully dissolves.
  • Pour the wet ingredients into the bowl with the dry ingredients. Fold together until combined. Do not over mix. It is normal for the batter to be a bit lumpy.
  • Place the butter in the cake pan. Melt the butter in the cake pan by placing it in the preheated oven for about 2 minutes or until butter has melted. Butter the sides of the pan.
  • Add the brown sugar to the cake pan. with a spoon or spatula combine the two until a thick butter sugar paste forms.
  • Add the pineapple rings to the bottom of the cake pan. About 5 if using a 9 inch cake pan. Place a maraschino cherry inside each pineapple ring, and one more in the center of the cake.
  • Pour the batter over the pineapples and cherries. Carefully spread the batter evenly.
  • Place the cake pan in the preheated oven at 350 F on the middle rack. Bake for 15-20 minutes or until toothpick comes out clean.
  • Allow the cake to cool in the pan for 10 minutes.
  • Now it's time to flip the cake upside down! Run a knife along the edges of the cake pan. Place a plate on top of the cake. Firmly gripping the cake pan and plate, flip it upside down. Carefully remove the cake pan! Allow to cool completely before serving.

Notes

  • Cover and store in the refrigerator for 3-5 days.
  • The pineapple rings and maraschino cherries have a lot of juices. Before adding them to the bottom of your cake pan, use a paper towel, to dab the fruit and absorb the excess juices.
  • This cake will be denser than others. Since the fruit topping is on the bottom of the cake it weighs the rest of the cake down when it is flipped over.
  • Be sure to smooth the cake batter over carefully so as not to disrupt the pineapple and cherries beneath. It’s a rather thick cake batter, and you will need to even it out so that the cake bakes up nicely.

Nutrition

Calories: 275kcal | Carbohydrates: 42g | Protein: 3g | Fat: 11g | Saturated Fat: 7g | Trans Fat: 1g | Sodium: 197mg | Potassium: 124mg | Fiber: 1g | Sugar: 21g | Vitamin A: 269IU | Vitamin C: 5mg | Calcium: 73mg | Iron: 2mg
vegan pineapple upside down cake overhead

6 responses to “Vegan Pineapple Upside Down Cake”

  1. This recipe looks delicious. I will definitely bake this over the weekend. However, I do have one question. Can I use whole wheat or spelt flour instead because I am allergic to AP flour? Thanks.

5 from 5 votes

Leave a Reply

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

Recipe Rating





Subscribe to newsletter

Copyright 2026 The Picky Eater®, LLC. All rights reserved. Powered by Crave