Crumb Top Baking

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

Pineapple Coconut Cupcakes (Vegan)

Published: Jun 13, 2019 · Modified: Mar 22, 2026 by Leanne

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!

📖 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

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

  • 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
  • Side view of a frosted almond flour sugar cookie bar.
    Thick and Chewy Almond Flour Sugar Cookie Bars with Cream Cheese Frosting
  • Angled view of cookies close together with a bite taken from one and resting on top of another.
    Almond Flour Chocolate Blossom Cookies (No Chill!)

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. 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
  2. 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
  3. 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
  4. Carlee says

    June 14, 2019 at 8:40 pm

    What a perfect flavor combo for summer and that frosting and toasted coconut are drawing me in. I need one of these ASAP!!!

    Reply
    • Leanne says

      June 16, 2019 at 9:49 pm

      Thanks Carlee! Wish I could hook you up with one! 😉

      Reply
  5. Kelly @ kelly Lynns Sweets and Treats says

    June 14, 2019 at 11:58 am

    5 stars
    These cupcakes look so tropical and perfect for eating poolside! Love the pineapple and coconut in these yummy looking cupcakes!

    Reply
    • Leanne says

      June 16, 2019 at 9:49 pm

      Thanks Kelly! Poolside sounds perfect! I like the way you think! 😉

      Reply
  6. Heather @ Join Us, Pull up a Chair says

    June 14, 2019 at 10:59 am

    I can't wait to make these cupcakes. They look amazing and are perfect for summer.

    Reply
    • Leanne says

      June 16, 2019 at 9:50 pm

      Thanks Heather! Hope you like them as much as we do!

      Reply
  7. Hezzi-D says

    June 13, 2019 at 10:43 pm

    I don't often see fresh pineapple in cupcakes. These sound awesome

    Reply
    • Leanne says

      June 16, 2019 at 9:50 pm

      Thank you!

      Reply
  8. Simply Inspired Meals says

    June 13, 2019 at 10:26 pm

    I love the idea of a Pina Colada cupcake. These are perfect for summer.

    Reply
    • Leanne says

      June 16, 2019 at 9:51 pm

      Thank you! They definitely have a pina colada vibe!

      Reply
  9. Karen says

    June 13, 2019 at 8:31 pm

    These are super cute and delicious sounding! Love all of the pineapple.

    Reply
    • Leanne says

      June 16, 2019 at 9:52 pm

      Thanks Karen!

      Reply
  10. Valentina | The Baking Fairy says

    June 13, 2019 at 6:12 pm

    These cupcakes are seriously DREAMY! I love that you made a vegan cupcake recipe. I'm a big fan of the coconut + pineapple combo and I'll definitely be adding these to my to-bake list! Thank you so much for participating! 🙂

    Reply
    • Leanne says

      June 16, 2019 at 9:53 pm

      Thanks Valentina! Hope you like them! And thanks for hosting this event. It was a lot of fun!

      Reply
  11. Camilla M. Mann says

    June 13, 2019 at 4:55 pm

    These looks amazing! Thanks for sharing. We love anything with pineapple. I can't wait to try these.

    Reply
    • Leanne says

      June 16, 2019 at 9:54 pm

      Thanks Camilla! We love pineapple in our house too!

      Reply
  12. Wendy Klik says

    June 13, 2019 at 4:36 pm

    Perfect ending for my next luau. Thanks for sharing.

    Reply
    • Leanne says

      June 16, 2019 at 9:54 pm

      Thanks Wendy!

      Reply
  13. Jennifer @ Seasons and Suppers says

    June 13, 2019 at 4:32 pm

    5 stars
    Pineapple is such a great flavour for cupcakes and loving all the coconut with it. Perfection 🙂

    Reply
    • Leanne says

      June 16, 2019 at 9:54 pm

      Thanks Jennifer! Pineapple and coconut are a great duo!

      Reply
  14. Deb Clark says

    June 13, 2019 at 3:28 pm

    5 stars
    These look absolutely dreamy! I'm loving that coconut frosting, drooling too! 😋

    Reply
    • Leanne says

      June 16, 2019 at 9:55 pm

      Coconut whip is the best! Thanks Deb!

      Reply
  15. Haylie / Our Balanced Bowl says

    June 13, 2019 at 3:22 pm

    5 stars
    Leanne, these cupcakes look phenomonal! Perfect for Summer! I'm so happy that you used fresh pineapple versus canned...I grew up eating canned and hated it! Totally not the same!! These look light, fluffy and delicious! I think I could eat the frosting by the bowl!!

    Reply
    • Leanne says

      June 16, 2019 at 9:56 pm

      Thanks Haylie! I could eat the frosting by the bowl too! And I feel the same way about fresh pineapple!

      Reply
  16. Katherine | Love In My Oven says

    June 13, 2019 at 3:18 pm

    5 stars
    How fun! I love cupcakes, so all the more reason to celebrate them!! These look so tropical, it transports me to a sunny destination in my mind! I bet they're so tasty, too! 🙂 Have a great weekend, Leanne!

    Reply
    • Leanne says

      June 16, 2019 at 9:57 pm

      Thanks Katherine! Until summer arrives here, these cupcakes are transporting me to a tropical destination!;) Hope you had a lovely weekend!

      Reply
  17. Kelsie | the itsy-bitsy kitchen says

    June 13, 2019 at 1:35 pm

    5 stars
    Coconut and pineapple are so good together! I need to try these ASAP. I love that they're frosted with coconut whip, too!

    Reply
    • Leanne says

      June 16, 2019 at 9:58 pm

      Thanks Kelsie! Definitely a great pair. Hope you get to try them!

      Reply
  18. Dawn - Girl Heart Food says

    June 13, 2019 at 1:31 pm

    5 stars
    There really is a food holiday for everything, isn't there?? I can totally get behind a day devoted to cupcakes, especially these! They're giving off all the tropical vibes, which we so desperately need around here right about now, am I right??! Extra coconut on top for me please 😉 Happy weekend ahead!

    Reply
    • Leanne says

      June 16, 2019 at 9:58 pm

      Yes, we need all the tropical vibes around here! Where is summer? And I'm with you on the extra coconut! Thanks Dawn!

      Reply
Newer 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

Air Fryer Recipes

  • Overhead view of air fryer cake topped with chocolate frosting and cut into some slices.
    Chocolate Air Fryer Cake
  • Air fryer butternut squash cubes in a serving dish with chopped pecans, pumpkin seeds and fresh herbs.
    Air Fryer Butternut Squash
  • Close up view of air fryer cornflake chicken strips on a plate.
    Crispy Air Fryer Cornflake Chicken Strips
  • Air fryer carrots served in a white dish with fresh parsley and salt and pepper on the side.
    Air Fryer Carrots (Garlic Herb)
  • Overhead view of air fryer parmesan potatoes on a white plate next to chopped chives and parmesan cheese.
    Golden and Crispy Air Fryer Parmesan Potatoes
  • Up close view of air fryer roasted beets in a white bowl with a spoon inserted into the beets.
    Air Fryer Beets (Easy Roasted Beets)

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.