Hi-Hat Cupcakes Recipe
Introduction
Hi-Hat Cupcakes are a delightful treat featuring rich chocolate cupcakes topped with fluffy marshmallow frosting and a crisp chocolate shell. These cupcakes combine creamy textures and deep chocolate flavors, making them perfect for any special occasion or just a sweet indulgence.

Ingredients
- 105 grams (3/4 cup) plain flour or all purpose flour
- 40 grams (1/2 cup) cocoa powder, sifted
- 1/2 teaspoon baking soda
- 1/2 teaspoon baking powder
- 100 grams (1/2 cup) caster sugar or granulated sugar
- 45 grams (1/4 cup) brown sugar
- 115 grams (1/2 cup or 1 stick) unsalted butter, melted
- 2 large eggs
- 1 teaspoon vanilla extract
- 120 ml (1/2 cup) buttermilk*
- 5 egg whites, room temperature
- 200 grams (1 cup) caster sugar or granulated sugar
- 1/4 teaspoon cream of tartar
- 1 teaspoon vanilla extract
- 300 grams (2 cups) good quality dark chocolate, broken into pieces
- 1 tablespoon vegetable oil or coconut oil
Instructions
- Step 1: Preheat the oven to 180°C (350°F) standard or 160°C (320°F) fan-forced. Line a 12-hole muffin tin with cupcake cases.
- Step 2: In a large bowl, combine the flour, cocoa powder, baking soda, baking powder, caster sugar, and brown sugar. Stir slightly to mix.
- Step 3: In a separate bowl, whisk together the melted butter, eggs, vanilla extract, and buttermilk until just combined.
- Step 4: Add the wet mixture to the dry ingredients and gently fold together until just combined. Avoid overmixing.
- Step 5: Spoon the batter into the cupcake liners about two-thirds full. Bake for 18-20 minutes or until a toothpick inserted comes out clean. Cool on a wire rack completely.
- Step 6: To make the marshmallow frosting, fill a saucepan with a few inches of water and bring to medium heat. In a heatproof bowl, combine egg whites, sugar, and cream of tartar and whisk briefly.
- Step 7: Place the bowl over the saucepan without the base touching the water. Whisk gently by hand while heating the mixture to 71°C (160°F), about 5-6 minutes, until sugar dissolves.
- Step 8: Remove the bowl and beat with an electric mixer on medium-high speed for 5-6 minutes until fluffy, white, and voluminous. Add vanilla and beat for another 30 seconds. The frosting should be cool.
- Step 9: Transfer frosting to a piping bag fitted with a large round or star tip. Pipe tall swirls onto each cupcake and freeze for at least 30 minutes to firm the frosting.
- Step 10: Melt the dark chocolate in the microwave, stirring every 20 seconds until smooth. Stir in the oil and allow to cool slightly if hot.
- Step 11: Dip each frosted cupcake upside down into the chocolate, letting excess drip off. Place upright on a wire rack and refrigerate for 30 minutes to set the chocolate shell.
Tips & Variations
- Use room temperature egg whites for better volume in the marshmallow frosting.
- Substitute buttermilk with milk and 1 teaspoon of lemon juice or vinegar if you don’t have buttermilk on hand.
- Try white or milk chocolate for the shell for a different flavor profile.
- Ensure the chocolate is cool enough before dipping to avoid melting the marshmallow frosting.
Storage
Store the cupcakes in an airtight container in the refrigerator for up to 3 days. For best texture, bring to room temperature before serving. Refrain from freezing as the marshmallow frosting may lose its texture.
How to Serve

Serve this delicious recipe with your favorite sides.
FAQs
Can I make the marshmallow frosting ahead of time?
Yes, you can make the marshmallow frosting and pipe it onto the cupcakes before freezing them until firm. Just be sure to keep the cupcakes refrigerated until ready to dip in chocolate.
What can I use if I don’t have cream of tartar?
You can substitute cream of tartar with an equal amount of lemon juice or white vinegar in the marshmallow frosting to stabilize the egg whites.
PrintHi-Hat Cupcakes Recipe
Indulge in these delightful Hi-Hat Cupcakes featuring rich chocolate cupcakes topped with a fluffy homemade marshmallow frosting dipped in glossy dark chocolate, creating a stunning and delicious treat perfect for any occasion.
- Prep Time: 25 minutes
- Cook Time: 20 minutes
- Total Time: 1 hour 15 minutes
- Yield: 12 cupcakes 1x
- Category: Dessert
- Method: Baking
- Cuisine: American
- Diet: Vegetarian
Ingredients
Cupcakes
- 105 grams (3/4 cup) plain flour or all purpose flour
- 40 grams (1/2 cup) cocoa powder, sifted
- 1/2 teaspoon baking soda
- 1/2 teaspoon baking powder
- 100 grams (1/2 cup) caster sugar or granulated sugar
- 45 grams (1/4 cup) brown sugar
- 115 grams (1/2 cup or 1 stick) unsalted butter, melted
- 2 large eggs
- 1 teaspoon vanilla extract
- 120 ml (1/2 cup) buttermilk
Marshmallow Frosting
- 5 egg whites, room temperature
- 200 grams (1 cup) caster sugar or granulated sugar
- 1/4 teaspoon cream of tartar
- 1 teaspoon vanilla extract
Chocolate Dip
- 300 grams (2 cups) good quality dark chocolate, broken into pieces
- 1 tablespoon vegetable oil or coconut oil
Instructions
- Prepare the Cupcakes: Preheat your oven to 180°C (350°F) standard or 160°C (320°F) fan-forced. Line a 12-hole muffin tin with cupcake cases to get ready for baking.
- Mix Dry Ingredients: In a large mixing bowl, combine the plain flour, sifted cocoa powder, baking soda, baking powder, caster sugar, and brown sugar. Stir them gently to mix evenly.
- Mix Wet Ingredients: In a separate bowl, whisk together the melted unsalted butter, eggs, vanilla extract, and buttermilk just enough to break up the egg yolks. Do not overmix.
- Combine Mixtures: Pour the wet ingredients into the dry ingredients and gently fold using a spatula until just combined to keep the batter light and airy.
- Bake the Cupcakes: Spoon the batter into cupcake liners filling each about two-thirds full. Bake in the oven for 18 to 20 minutes or until a skewer inserted into the center comes out clean. Remove from oven and transfer cupcakes to a wire rack to cool completely.
- Make Marshmallow Frosting: Fill a medium saucepan with water and bring to a simmer over medium heat. In a heatproof bowl, combine the egg whites, caster sugar, and cream of tartar. Place the bowl over the saucepan, ensuring the bottom does not touch the water. Whisk the mixture gently by hand continuously until it reaches 71°C (160°F), about 5 to 6 minutes, ensuring the sugar has dissolved.
- Whip the Frosting: Remove the bowl from heat. Using an electric mixer, beat the egg white mixture on medium-high speed for 5 to 6 minutes until fluffy, white, and voluminous. Add vanilla extract and beat for another 30 seconds. The marshmallow frosting should cool down to room temperature.
- Pipe the Frosting: Transfer the marshmallow frosting into a piping bag fitted with a large round or star tip. Pipe tall swirls onto each cooled cupcake. Place the frosted cupcakes in the freezer for at least 30 minutes so the frosting firms up.
- Prepare Chocolate Dip: Melt the dark chocolate in the microwave in 20-second intervals, stirring between each to ensure smoothness. Stir in the vegetable or coconut oil until combined and glossy. Let the chocolate cool slightly to a temperature safe to touch but still fluid.
- Dip the Cupcakes: Holding each cupcake upside down, carefully dip the marshmallow top into the chocolate, letting excess drip off gently. Place the cupcakes right side up on a wire rack. Repeat for all cupcakes.
- Set the Chocolate: Place the dipped cupcakes in the refrigerator for about 30 minutes to allow the chocolate coating to set completely before serving.
Notes
- Use room temperature egg whites to achieve maximum volume in the marshmallow frosting.
- If you don’t have buttermilk, you can make a substitute by adding 1/2 tablespoon lemon juice or white vinegar to 1/2 cup milk and letting it sit for 5 minutes.
- Ensure the chocolate for dipping is not too hot to avoid melting the marshmallow frosting.
- For best results, use good quality dark chocolate for a rich and glossy finish.
- Store cupcakes in the refrigerator once dipped to keep the frosting firm.
Keywords: hi-hat cupcakes, chocolate cupcakes, marshmallow frosting, dark chocolate dip, dessert, baking, homemade cupcakes

