Pineapple Cupcakes with Buttercream Frosting

Simply delicious vanilla cupcakes with a pineapple flavor. Garnish frosting with crushed pineapple!

Prep Time:
15 mins
Cook Time:
25 mins
Additional Time:
30 mins
Total Time:
1 hrs 10 mins
16 cupcakes



  • 1 cup white sugar

  • ½ cup butter, softened

  • 2 eggs

  • 1 teaspoon vanilla extract

  • 1 teaspoon coconut extract

  • 1 ½ cups all-purpose flour

  • 1 ¾ teaspoons baking powder

  • ½ cup milk

  • ½ cup pineapple juice

  • 3 tablespoons crushed pineapple, drained, or more to taste


  • ½ cup butter, softened

  • ½ teaspoon vanilla extract

  • 2 cups confectioners' sugar, or more as needed

  • 1 tablespoon milk

  • 1 tablespoon pineapple juice


  1. Preheat the oven to 350 degrees F (175 degrees C). Grease or line 16 cupcake cups with paper liners.

  2. Cream sugar and butter for cupcakes together in a medium bowl. Beat in eggs, one at a time. Stir in vanilla extract and coconut extract. Add flour and baking soda and mix well. Stir in milk and pineapple juice until batter is smooth. Fold in crushed pineapple. Spoon batter evenly into the prepared pan.

  3. Bake in the preheated oven until tops spring back when lightly pressed, about 25 minutes. Let cool completely.

  4. While cupcakes cool, cream butter and vanilla extract for frosting together in a large bowl. Blend in confectioners' sugar, 1 cup at a time, beating well after each addition; you may need to add an additional 1/4 to 1/2 cup based on your liking. Beat in milk and pineapple juice until light and fluffy. Frost cooled cupcakes or store in the refrigerator until ready to use.

Nutrition Facts (per serving)

273 Calories
12g Fat
39g Carbs
2g Protein
Nutrition Facts
Servings Per Recipe 16
Calories 273
% Daily Value *
Total Fat 12g 16%
Saturated Fat 8g 38%
Cholesterol 54mg 18%
Sodium 148mg 6%
Total Carbohydrate 39g 14%
Dietary Fiber 0g 1%
Total Sugars 29g
Protein 2g
Vitamin C 1mg 6%
Calcium 50mg 4%
Iron 1mg 4%
Potassium 54mg 1%

* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

** Nutrient information is not available for all ingredients. Amount is based on available nutrient data.

(-) Information is not currently available for this nutrient. If you are following a medically restrictive diet, please consult your doctor or registered dietitian before preparing this recipe for personal consumption.

You’ll Also Love