Crumb Top Baking

  • Memorial Day Recipes
  • Recipe Index
  • About
  • Subscribe
menu icon
go to homepage
  • Memorial Day Recipes
  • Recipe Index
  • About
  • Subscribe
search icon
Homepage link
  • Memorial Day Recipes
  • Recipe Index
  • About
  • Subscribe
×
Home » Recipes » Desserts

Pineapple Coconut Cupcakes (Vegan)

Last Updated: Mar 22, 2026 by Leanne Combden

Pinterest image for pineapple coconut cupcakes.
Pinterest image for pineapple coconut cupcakes.
↓ Jump to Recipe

Pineapple Coconut Cupcakes are made with fresh pineapple and shredded coconut, and topped with a sweetened coconut whip. They're also dairy-free and vegan, and make a fun dessert for summer parties!

Pineapple coconut cupcakes arranged on a wire rack.

Want to save this recipe for later?

Enter your email address and I'll send it straight to your inbox. You'll also receive new recipes from me regularly!

Ingredients

  • All-purpose flour
  • Cane sugar
  • Shredded coconut
  • Baking powder
  • Salt
  • Fresh pineapple
  • Almond milk
  • Extra virgin olive oil
  • Vanilla extract
  • Full fat coconut milk
  • Powdered sugar
Overhead view of ingredients to make pineapple coconut cupcakes.

How do you make these pineapple coconut cupcakes?

To start, make sure you have your cans of coconut milk refrigerated. The only way to make the coconut whip is to solidify the milk fat so it whips up into a frosting. I like to refrigerate mine for at least 24 hours, and if I'm in doubt, I place them in the freezer for 15-20 minutes (be careful though, because you don't want them to freeze).

To make the cupcakes, whisk together your dry ingredients in a medium-sized bowl and set aside. Add the fresh pineapple to a blender and pulse a few times until it resembles a purée. Add the pineapple to a small bowl, along with the milk, oil and vanilla. Whisk together and then add to the dry ingredients, stirring until combined.

Overhead view of cupcake batter going into a muffin pan.

Divide the batter into a prepared cupcake pan and bake for 15-17 minutes on 350F.

Once the cupcakes are cooled, prepare the coconut whip. This is pretty simple. Just scoop out the solidified coconut milk into a mixing bowl. Using an electric mixer, beat on high until the milk is fully whipped and creamy. You can also add in a few tablespoons of powdered sugar to sweeten the whip, or you can go unsweetened. Totally up to you.

Frost the cupcakes and place in the fridge to set up. Serve and enjoy!

Unfrosted cupcakes cooling on a wire rack.

How should you store these vegan pineapple cupcakes?

As these cupcakes are topped with coconut milk whipped cream, they should be refrigerated. The coconut whip will also get soft at room temperature, particularly if it is a warm day, so these cupcakes are best enjoyed when they are chilled.

How long will these cupcakes last? Can I freeze cupcakes with coconut whip frosting?

I would enjoy these cupcakes within 3-4 days. After that, the coconut whip will start to break down a bit.

I've never tried freezing cupcakes with coconut whip topping, but I wouldn't recommend it. I'm not sure how the coconut whip would behave when frozen, and it may not defrost well.

If you want to make these cupcakes ahead and freeze them, do so without the coconut whip. When ready to enjoy them, just remove from the freezer, defrost and then add the whipped topping.

Up-close view of a pineapple coconut cupcake, with frosting, on a wire rack.

Recipe tips

  • I've only made these cupcakes using fresh pineapple. But if you can't find fresh, you can use a can of pineapple chunks, and just drain and purée as the recipe calls for.
  • If you don't have cane sugar, you can use granulated sugar.
  • I always use unsweetened coconut, but sweetened works too. Your cupcakes will just be sweeter. You can also use medium desiccated or flaked coconut. I use shredded as I like the texture it adds to the cupcakes.
  • I like to pipe my frosting on, but if you think the coconut whip is too soft to do this, you can just spread it on, or place the whip in the fridge for 15-20 minutes to set up.
Pineapple coconut cupcakes on a wire rack with pineapple slices in the background.

If you make this recipe, I'd love to hear what you think in the comments below!

HUNGRY FOR MORE?  Sign up for our newsletter and follow Crumb Top Baking on Instagram, Pinterest and Facebook!

If you make this recipe, please leave a review and rating below to let me know what you think. If you have a question, drop that below too!

📖 Recipe

Angled view of vegan pineapple coconut cupcakes on a black wire rack.

Pineapple Coconut Cupcakes (Vegan)

Pineapple Coconut Cupcakes are made with fresh pineapple and shredded coconut, and topped with a sweetened coconut whip. They're also dairy-free and vegan, and make a fun dessert for summer parties!
5 from 15 votes
Print Pin
Prep Time: 20 minutes minutes
Cook Time: 15 minutes minutes
Cooling Time: 2 hours hours
Total Time: 2 hours hours 35 minutes minutes
Servings: 12 cupcakes
Author: Leanne Combden

Ingredients

  • 1 ⅔ cups all-purpose flour
  • ½ cup cane sugar
  • ½ cup unsweetened shredded coconut
  • 1 teaspoon baking powder
  • ½ teaspoon kosher salt
  • 1 cup fresh pineapple chunks
  • ½ cup unsweetened almond milk, (or other non-dairy milk)
  • ¼ cup extra virgin olive oil
  • 1 teaspoon vanilla extract
  • 2 cans (400 ml each) full fat coconut milk, refrigerated for at least 24 hours
  • 3-4 tablespoons organic powdered sugar, optional
  • ¼ cup toasted coconut for topping, optional

Instructions

Prevent your screen from going dark

Make the cupcakes:

  • Pre-heat oven to 350F and grease a 12-cup muffin pan (or use cupcake liners).
  • In a medium-sized bowl, whisk together the flour, sugar, coconut, baking powder and salt. Set aside.
  • Add the fresh pineapple to a blender and pulse a few times until it is puréed. Add the pineapple to a small bowl, along with the milk, oil and vanilla. Whisk together and then add to the dry ingredients, stirring until combined.
  • Divide the batter into the prepared cupcake pan. Each cup should be about two-thirds full. Bake for 15-17 minutes, or until a tooth pick inserted into the middle of a cupcake comes out clean.
  • Let cool in the pan for a few minutes before transferring to a wire rack to cool completely.

Frost the cupcakes:

  • Scoop out the solidified coconut milk (discard or reserve the coconut water for another use) and add to a deep mixing bowl.
  • Using an electric mixer, beat the coconut milk on high until it is fully whipped and creamy. This may take a few minutes. For a sweetened coconut whip, add in 3-4 tablespoons of powdered sugar and beat until incorporated
  • Add the coconut whip to a piping bag and pipe onto cupcakes, or spread on with a knife. Top with toasted coconut, or other desired toppings.
  • Store cupcakes in an airtight container in the fridge and enjoy within 3-4 days.

Notes

  1. If you can't find fresh pineapple, you can use canned pineapple chunks. Just drain the juice and purée as the recipe calls for.
  2. You can substitute granulated sugar for cane sugar.
  3. This recipe calls for unsweetened shredded coconut. You can use sweetened coconut, but the cupcakes will be sweeter. You can also use medium desiccated or flaked coconut, it just may change the texture slightly.
  4. If the coconut whip is too soft to pipe onto the cupcakes, just place in the fridge for 15-20 minutes to set up.
  5. The powdered sugar in the coconut whip is completely optional. It doesn't really impact the texture of the whip, it just sweetens it.

Want to save this recipe for later?

Enter your email address and I'll send it straight to your inbox. You'll also receive new recipes from me regularly!

Nutrition Facts per Serving

Calories: 312kcal | Carbohydrates: 29g | Protein: 4g | Fat: 22g | Saturated Fat: 15g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 4g | Sodium: 159mg | Potassium: 202mg | Fiber: 1g | Sugar: 12g | Vitamin A: 8IU | Vitamin C: 7mg | Calcium: 50mg | Iron: 3mg

Disclaimer

Nutrition information is an estimate only and will vary depending on the substitutions made and the brands used.

Did you make this recipe or have any questions?

I love reading your comments and addressing your questions, so please leave your comments and ratings or questions below!

More Desserts

  • A lemon poppy seed cupcake with some removed to show the lemon curd filling inside.
    Almond Flour Lemon Poppy Seed Cupcakes
  • Close up of slices of almond flour chocolate marble loaf on brown parchment paper.
    Almond Flour Chocolate Marble Loaf
  • Side view of a slice of almond flour lemon raspberry cake on a white platter.
    Almond Flour Lemon Raspberry Cake with Crumb Topping
  • Close up overhead view of almond flour oatmeal butterscotch cookies on a pink surface.
    Almond Flour Oatmeal Butterscotch Cookies
  • Facebook
  • Threads
  • WhatsApp

Comments

    5 from 15 votes

    Leave a Reply Cancel reply

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

    Recipe Rating




    This site uses Akismet to reduce spam. Learn how your comment data is processed.

  1. Nicole says

    March 20, 2025 at 3:54 pm

    5 stars
    I have to rave about this pineapple coconut cupcake recipe! I decided to try it out, but with some tweaks: I used Trader Joe's Gluten-Free flour and allulose for sugar (due to dietary restrictions). I wasn't sure how the substitutions would affect the outcome, but these cupcakes turned out absolutely phenomenal! I did have to bake them a bit longer, about 28 minutes, probably because of the substitutions.

    The recipe is easy to follow, and the results far exceeded my expectations. The cupcakes were incredibly moist and flavorful, with the perfect balance of pineapple and coconut. TJ's gluten-free flour worked beautifully, creating a light and airy texture. Honestly, they were so good that they disappeared before I could even think about frosting them. My family devoured them.

    If you're looking for a delicious cupcake recipe, especially if you need gluten-free or sugar-reduced options, this is it! This recipe is a keeper, I can't wait to make them again!

    Reply
    • Leanne says

      March 23, 2025 at 9:51 pm

      Hi Nicole! I'm so glad you and your family enjoyed the recipe! Thank you for taking the time to let me know and for sharing the substitutions you made. I'm happy to hear that it's a keeper!

      Reply
  2. regina gomez says

    August 14, 2019 at 1:23 pm

    Can this recipe be made into a cake rather than cupcakes?

    Reply
    • Leanne says

      August 14, 2019 at 2:21 pm

      Hi Regina. Sorry, I haven't tried turning this recipe into a cake, but if you wanted to give it a try, here's my suggestion: you could double the recipe and make a layer cake with two 8-inch round cake pans (make sure to grease and flour them). Bake the cake layers on the same temperature as you would the cupcakes, just increase the bake time by about five minutes. The cakes are done when a tooth pick inserted in the middle comes out clean. If you give it a try, please let me know how it goes.

      Reply
      • sharon says

        September 03, 2020 at 3:59 pm

        do you have metric conversion of weight for ingredients please

        Reply
        • Leanne says

          September 03, 2020 at 7:55 pm

          Hi Sharon. I'm sorry, I don't have the metric conversion for these ingredients.

          Reply
  3. Sabrina says

    June 23, 2019 at 1:23 pm

    5 stars
    What a great vegan cupcake, I love this combination of flavours. So beautiful too, thanks!

    Reply
    • Leanne says

      June 24, 2019 at 8:38 pm

      Thanks Sabrina! I'm having a moment with tropical flavours!

      Reply
  4. Teri@The Freshman Cook says

    June 18, 2019 at 11:18 pm

    Simply Spectacular! Love these flavors!

    Reply
    • Leanne says

      June 18, 2019 at 11:37 pm

      Thanks Teri!

      Reply
  5. Kelly | Foodtasia says

    June 18, 2019 at 10:33 am

    5 stars
    Leanne, this look so amazing! Pineapple and coconut are so wonderful together. These would disappear in seconds in my house!

    Reply
    • Leanne says

      June 18, 2019 at 11:30 am

      Thanks Kelly! They didn't last long in my house either!

      Reply
  6. Marie says

    June 18, 2019 at 6:51 am

    5 stars
    I wish I could celebrate cupcake day every day. These look gorgeous. I love that you've used fresh pineapple. Such a gorgeous sweet and tangy flavour.

    Reply
    • Leanne says

      June 18, 2019 at 7:23 am

      Thanks very much Marie! And totally agree. We should be celebrating cupcakes every day!

      Reply
  7. Tasia ~ TwoSugarBugs says

    June 18, 2019 at 2:59 am

    These cupcakes look fabulous! I love the coconut and pineapple combination. Whipped coconut for frosting is such a fantastic idea!

    Reply
    • Leanne says

      June 18, 2019 at 7:22 am

      Thanks Tasia! Pineapple and coconut really are great together. And the coconut milk frosting is my go-to for most cupcake recipes!

      Reply
  8. Samantha says

    June 17, 2019 at 4:04 pm

    Pina Colada is my favorite! Love the idea of this cupcake flavor!

    Reply
    • Leanne says

      June 17, 2019 at 6:04 pm

      Thanks Samantha! It's a great flavour!

      Reply
  9. Mary Ann | The Beach House Kitchen says

    June 17, 2019 at 9:12 am

    Tropically delicious Leanne! These are just perfect for summer!

    Reply
    • Leanne says

      June 17, 2019 at 6:04 pm

      Thanks Mary Ann!

      Reply
  10. Nichi - The Mandatory Mooch says

    June 16, 2019 at 10:37 pm

    My family would love these! Perfect summer treat!

    Reply
    • Leanne says

      June 17, 2019 at 6:46 am

      Thanks Nichi!

      Reply
  11. Jo Thrasher • Jo Eats says

    June 16, 2019 at 7:59 pm

    5 stars
    These look so tropical and delicious. Also I'm proposing that every day is cupcake lovers day. Just putting it out there.

    Reply
    • Leanne says

      June 16, 2019 at 9:40 pm

      Haha! I like the way you think Jo! I am totally on board with that!

      Reply
  12. Cindy Kerschner says

    June 16, 2019 at 7:42 am

    5 stars
    Pineapple and coconut work so well together. It reminds me of a tropical vacation!

    Reply
    • Leanne says

      June 16, 2019 at 9:42 pm

      I totally agree! The flavours always remind me of the beach!

      Reply
  13. marcie says

    June 15, 2019 at 1:06 pm

    5 stars
    Cupcakes are my favorite kind of cake...there's nothing better than having your own individual serving that's perfectly portioned. 🙂 Tropical flavors are some of my favorite, and these are just beautiful Leanne! They're so perfect for a summer party!

    Reply
    • Leanne says

      June 16, 2019 at 9:45 pm

      Thanks Marcie! You're right. Cupcakes are the perfect individual serving size! I may have surpassed that serving size while recipe testing these!

      Reply
  14. Marcelle says

    June 15, 2019 at 11:28 am

    I've never made whipped topping with coconut milk! That's something new to me and I will definitely try it along with your gorgeous tropical cupcakes! 🙂

    Reply
    • Leanne says

      June 16, 2019 at 9:46 pm

      Thanks Marcelle! Whipped coconut milk is my dessert topping of choice. So easy to make. I definitely recommend giving it a try!

      Reply
  15. Tania says

    June 14, 2019 at 8:46 pm

    5 stars
    What a great summer cupcake idea! I love that these cupcakes have fresh pineapple. And I bet the coconut adds a nice sweet touch. I love it!

    Reply
    • Leanne says

      June 16, 2019 at 9:48 pm

      Thanks Tania! I'll definitely be making these again this summer!

      Reply
« Older Comments
Image of Leanne Combden

Welcome!

Hey there! I'm Leanne and welcome to Crumb Top Baking. I'm a self-taught baker, home cook and food photographer, and I'm passionate about sharing well-tested, simple and approachable desserts and savory recipes

More about me

Popular Recipes

  • Air fryer baby potatoes served in a white bowl and topped with sea salt and chopped fresh parsley.
    Air Fryer Baby Potatoes (Just 4 Ingredients!)
  • Air fryer tortilla chips served on a round platter with salsa and guacamole on the side.
    Homemade Air Fryer Tortilla Chips (with Corn or Flour Tortillas)
  • Air fryer pork schnitzel on a white plate with green beans and a lemon wedge.
    Crispy Air Fryer Pork Schnitzel
  • Ground beef fajitas with toppings arranged on a platter.
    Ground Beef Fajitas with Homemade Fajita Seasoning
  • Side view of half an almond flour cupcake on a cupcake liner.
    Vanilla Almond Flour Cupcakes
  • A slice of eggless banana cake topped with cream cheese frosting being removed from the cake platter.
    Easy and Moist Eggless Banana Cake Recipe

Memorial Day Recipes

  • Italian bow tie pasta salad in a large bowl with wooden salad servers.
    Italian Bow Tie Pasta Salad
  • Side view of a slice of almond flour strawberry cake on a white plate with pieces of cake in the background.
    Almond Flour Strawberry Cake with Strawberry Frosting
  • Side view of a turkey jalapeno burger topped with lettuce, cheese, tomato and red onion.
    Turkey Jalapeño Burgers
  • Greek orzo pasta salad in a white bowl with wooden salad servers and feta, lemon dressing and parsley on the side.
    Greek Orzo Pasta Salad with Lemon Vinaigrette
  • White wine spritzer served in a stemless wine glass with strawberry slices and blueberries.
    White Wine Spritzer with Fruit
  • Overhead view of cherry almond cake on a cake plate with some slices cut out.
    Cherry Almond Cake

Footer

↑ back to top

About

  • About Leanne
  • Privacy Policy
  • Contact

Newsletter

  • Sign Up! for emails and updates

Recipes

  • All Recipes
  • Air Fryer Recipes
  • Almond Flour Recipes

Copyright © 2026 Crumb Top Baking

Rate This Recipe

Your vote:




A rating is required
A name is required
An email is required

Recipe Ratings without Comment

Something went wrong. Please try again.