Classic Vanilla Cupcakes Topped with Decadent Chocolate Frosting

Vanilla cake with chocolate frosting is a timeless pairing, and this simple recipe for Classic Vanilla Cupcakes yields cupcakes that are soft, moist, fluffy and full of flavor. The batter is straightforward to make and the frosting is an intensely chocolatey buttercream that resembles whipped ganache — rich but not overly sweet. The recipe produces a dozen cupcakes, a handy small batch that’s easy to double for larger gatherings.

best vanilla cupcakes crumb texture with bite

Why this recipe works

  • Super moist cupcakes — these cupcakes stay moist for days thanks to the balance of liquid ingredients.
  • Soft, fluffy crumb — the texture is light and tender, yet substantial enough to hold frosting without collapsing.
  • Butter and oil — butter brings flavor while a small amount of oil keeps the crumb soft at room temperature.
  • Rich chocolate buttercream — this frosting is deeply chocolatey and not too sweet; it has a whipped ganache-like texture but is made with a buttercream method.
  • Small batch — makes 12 cupcakes, perfect for enjoying fresh the day you bake; easy to double for a crowd.
best vanilla cupcakes with chocolate frosting

Ingredients: notes and tips

Below are ingredient notes to help you get the best results. For the full ingredient list, see the recipe card further down.

  • All-purpose flour — No cake flour required. Measure accurately: use a kitchen scale if possible, or spoon and level the flour in the measuring cup to avoid a dry, dense cupcake.
  • Granulated sugar — Fine granulated (or caster) sugar produces a cleaner flavor and a finer crumb.
  • Pure vanilla extract — Good vanilla matters here because it’s the main flavor. Use a quality pure vanilla extract for the best taste.
  • Unsalted butter — Butter adds flavor. Use fully softened (not melted) unsalted butter for the batter and the frosting.
  • Oil — A neutral oil (sunflower, canola, or safflower) keeps the cupcakes softer at room temperature; only a small amount is needed.
  • Egg — One large egg provides structure and lift.
  • Milk — Use whole or 2% milk, slightly warmed to help the batter emulsify and the sugar dissolve.
  • Sour cream — Full-fat sour cream contributes tenderness and flavor. If unavailable, full-fat Greek yogurt is a suitable substitute.
best vanilla cupcakes recipe ingredients
best vanilla cupcakes with chocolate frosting

Step-by-step instructions

  • Step 1: Combine dry ingredients. Sift or whisk together the flour, baking powder, baking soda and salt until evenly blended.
  • Step 2: Cream butter and sugar. Beat softened butter and sugar on medium-high speed for about 2 minutes until pale and fluffy.
  • Step 3: Add the egg and wet ingredients. Mix in the egg until incorporated, then add the oil, vanilla and sour cream.
  • Step 4: Alternate dry ingredients and milk. Add a third of the flour mixture, mix on medium-low, then add half the warm milk. Continue alternating (flour, milk, flour) and finish mixing on low until just combined. Briefly increase speed for 5–10 seconds to emulsify the batter, taking care not to over-mix.
  • Step 5: Bake. Fill paper-lined muffin cups about two-thirds full. Tap the pan to release large bubbles. Bake at 350°F (175°C) for 17–20 minutes, until lightly golden and a toothpick comes out clean. Cool on a wire rack.
  • Step 6: Frost. Prepare the chocolate buttercream as directed in the recipe card and spread or pipe over cooled cupcakes. Decorate with sprinkles if desired.
best vanilla cupcakes with chocolate frosting

Expert baking tips

  • Use very soft (not melted) butter. Leave butter at room temperature until soft enough to cream with sugar.
  • Alternate wet and dry additions. This prevents over-mixing and helps the batter come together smoothly.
  • Mix enough, but not too much. Combine ingredients until just mixed, then briefly whip to emulsify—this helps give a tender, even crumb.
  • Room-temperature eggs. Use room-temperature eggs for better volume and even mixing.
  • Warm the milk slightly. Warm milk helps dissolve sugar and promotes a uniform batter.
  • Avoid over-baking. Cupcakes are done when they spring back lightly and a skewer comes out clean; they won’t brown deeply.
  • Cool melted chocolate for frosting. If making a chocolate-based buttercream, allow melted chocolate to cool before adding to butter so the frosting doesn’t split.
  • Use room-temperature cream when making buttercream. Cold cream can prevent proper emulsification and make frosting firm or grainy.
  • Choose chocolate wisely. Chocolate with 55–70% cocoa yields a richer, firmer frosting; semi-sweet will be slightly softer and sweeter.
best vanilla cupcakes crumb texture with bite

Recipe FAQ

What type of oil is best for vanilla cake?

Use a fresh, neutral-tasting oil stored in a cool, dark place. Sunflower oil is a great choice for a clean flavor; canola or safflower also work well.

What is a substitute for sour cream?

Full-fat Greek yogurt is an excellent substitute. Crème fraîche will also work if available.

How do I know when cupcakes are done?

They are ready when the centers spring back gently and a toothpick inserted in the center comes out clean. Tops will be only lightly golden.

What is the secret to super moist cake?

Moisture comes from liquid, not fat. The combination of milk, sour cream and a bit of oil provides tenderness and the perception of moistness without weighing the cake down.

Why are my cupcakes flat?

Flat or sunken cupcakes can result from inactive or expired leavening agents, or from using too much baking powder or baking soda so gases escape before the batter sets. Use fresh raising agents and measure accurately.

Can I bake this batter in a sheet pan?

Yes — pour the batter into a 9×9 or 9×13-inch pan for a sheet cake and increase the baking time by 5–10 minutes, checking for doneness.

Can I make these in advance?

Cupcakes stay moist for a day or two. Make the frosting on the day you plan to serve for best texture, since chocolate-based buttercream firms as it cools.

Can I double the chocolate frosting?

Yes. The listed frosting amount covers 12–14 cupcakes; double or increase by 1.5x if you prefer extra frosting.

best vanilla cupcakes with chocolate frosting

Storing and freezing

How do I store vanilla cupcakes?

Store at room temperature in an airtight container for up to 3 days. The frosting is stable at room temperature; refrigeration will firm the texture, so bring cupcakes to room temperature before serving if chilled.

How should I serve these cupcakes?

Serve at room temperature so the butter in the cake and frosting is soft and flavorful. If refrigerated, allow about 20–30 minutes at room temperature before serving.

Can I freeze cupcakes?

Freeze unfrosted cupcakes individually wrapped for up to three months. Thaw at room temperature before frosting and serving.

best vanilla cupcakes with chocolate frosting

More delicious cakes

If you enjoy these cupcakes, try other cake recipes for variety and inspiration.

  • Light & Luscious Lemon Curd Cake
  • Chocolate Chip Cookie Cake
  • Olive Oil Pistachio Cake
  • Tuxedo Cake

Baby cakes

More cupcake ideas to try at home.

  • Caramel Chocolate Hazelnut Cupcakes
  • Strawberry Shortcake Cupcakes
  • Moist One-Bowl Triple Chocolate Cupcakes
  • Crème Brûlée Cupcakes
best vanilla cupcakes crumb texture with bite

If you love cake, try more of these recipes.

Classic Vanilla Cupcakes with Chocolate Frosting

Christina Marsigliese, Food Scientist MSc.

best vanilla cupcake recipe
This easy recipe yields just over a dozen soft, moist and fluffy vanilla cupcakes topped with a fudgy dark chocolate buttercream — ideal for birthdays and special occasions.
4.93 from 27 votes
Prep Time 15 mins
Cook Time 18 mins
Servings 14 cupcakes

Ingredients

Cupcake Batter:

  • 1 ¼ cups (180g) all-purpose flour
  • 1 teaspoon baking powder
  • ¼ teaspoon baking soda
  • ¼ teaspoon salt
  • ⅓ cup (75g) unsalted butter, softened
  • ¾ cup plus 1 tbsp (162g) granulated sugar
  • 1 large egg, at room temperature
  • 1 tablespoon (15ml) sunflower oil
  • 1 teaspoon (5ml) pure vanilla extract
  • ⅓ cup (80ml) full-fat sour cream, at room temperature
  • ½ cup (120ml) whole milk, warmed slightly

Chocolate Buttercream:

1 batch of the BEST Chocolate Buttercream Frosting (see recipe)

Vanilla Frosting:

If you prefer vanilla, use the Vanilla Whipped Ganache recipe.

Instructions

  1. Preheat oven to 350°F. Line standard muffin pans with paper liners.
  2. Sift or whisk together flour, baking powder, baking soda and salt.
  3. Cream softened butter and sugar with an electric mixer until pale and fluffy, about 2 minutes. Add the egg and mix until incorporated. Scrape the bowl, then mix in oil, vanilla and sour cream.
  4. Warm the milk briefly so it’s just warm to the touch, not hot.
  5. Add one-third of the flour mixture to the butter mixture and mix on medium-low until mostly combined. Add half the milk and mix briefly, then add half the remaining flour, the rest of the milk, and finally the remaining flour. Mix on low until combined, then increase speed for 5–10 seconds to emulsify. Fold gently to release large air pockets.
  6. Divide batter among liners, filling two-thirds full. Tap the pan to remove large bubbles. Bake 17–20 minutes until lightly golden and a toothpick comes out clean. Cool in pan 1 minute, then transfer to a wire rack to cool completely.
  7. Prepare the chocolate buttercream and frost the cooled cupcakes. The frosting pipes nicely and will firm as the chocolate sets. Store at room temperature for up to 4 days; do not refrigerate.