Hi Hat Cupcakes!~ A Blog and Free Video Tutorial

Jump To Recipe Jump To Video

Today, I'm going to demonstrate how to make beautiful, dramatic Hi Hat Cupcakes!

These delicious cupcakes are swirled high with a cloud-like Seven Minute Frosting, and dipped into a Rich Chocolate Coating for a finish that looks as amazing as it tastes! Oh the deliciousness!

Learn how to make hi hat cupcakes in this MyCakeSchool.com free cupcake video tutorial!

*We have refreshed our former hi hat cupcake post with a few tweaks to our recipes as well as a quick video tutorial on the method. Enjoy!

How to Make Hi Hat Cupcakes

First, let's talk chocolate cupcakes! If you are looking for a fantastic scratch chocolate cupcake recipe, we LOVE this one: Classic Chocolate Cupcakes. If you prefer to work with a doctored cake mix, here's a great one for cupcakes: Chocolate Cake {Doctored Cake Mix}

Next, we whipped up a batch of our Seven Minute Frosting.  This billowy white frosting tastes like marshmallows and is wonderfully light and airy, making it perfect for the signature swirl of hi hats!

As we demonstrate in our video tutorial, the method for the Fluffy White Frosting is a bit different than the traditional seven minute frosting recipe (no double boiler, yay!) but the final outcome is just like the traditional seven minute frosting that we all know and love!


Hi Hat Cupcake step by step tutorial and video! MyCakeSchool.com.

A Quick Lesson on How to Fill a Cupcake

(Optional) Using a piping bag fitted with a medium round tip (I used a Wilton 12), I injected each cupcake with our Fluffy White Frosting.  

Injecting the filling is just a matter of inserting the piping tip about halfway down into the cupcake and giving a quick squeeze of frosting (I usually pipe about 2-3 seconds worth! This is a completely optional step but I love a surprise on the inside)!


Hi Hat Cupcake Tutorial! Free step by step cupcake tutorial and cupcake video by MyCakeSchool.com!

Using a round piping tip (I used a large Ateco 806 in these photos), I swirled my frosting nice and high.  If you don't have an 806, a tip 12 works too! (I used a tip 12 in my video). These are hi-hats, not lo-hats, so don't hold back!


How to Make Hi Hat Cupcakes! Free Cupcake Tutorial by MyCakeSchool.com!


And here they are, sitting pretty!  Place your cupcakes on a cookie sheet, cake board, or whatever you have handy...and chill.  

We chilled our cupcakes for about an hour in the refrigerator. Twenty minutes in the freezer would be fine also. You just want to have them nice and chilled before dipping!

Look at these pretty cupcake swirls! I just love fluffy frosting!

Hi Hat Cupcake Tutorial by MyCakeSchool.com! Free cupcake video!


As our cupcakes chilled, we prepared our chocolate by melting 10 oz semi-sweet chocolate in the microwave. We then mixed in three teaspoons of vegetable oil.  You can find the details of the simple Chocolate Topping/Coating for hi-hats HERE!


After the chocolate had melted, we poured it into a more narrow, deep container for easier dipping.  A liquid measuring cup would work well for this too. You'll want your chocolate nice and fluid...but not overly hot and runny.


We kept our tray of cupcakes in the refrigerator and pulled out just a few at a time to dip.  Simply flip, submerge the cupcake to the point where the frosting and cake meet, and pull straight back up.  

Some of the excess will drip away as you lift your cupcake so you may want to hold it above the chocolate for a second or two.  Through all of this cupcake dipping, not one of my cupcakes lost it's swirly frosted top.  Whew!

Learn how to make Hi Hat Cupcakes with fluffy white frosting and a chocolate shell coating in this free My Cake School blog and video tutorial!


Here they are, freshly dipped!  That gloss is going to take on more of a matte finish once chilled, but aren't they beautiful?!  Although still very soft, the chocolate stays right where it is supposed to, thanks to the chill of the frosting beneath.  

Hi Hat Cupcakes Tutorial by MyCakeSchool.com! Featuring fluffy white frosting and a chocolate shell coating! Free cupcake video by MyCakeSchool.com.


Hi-hats are best served chilled... this is what they look like fresh out of the refrigerator. You can see that the lose some of their sheen and take on more of a matte finish. Still beautiful!


Beautiful hi hat cupcake tutorial by MyCakeSchool.com! Featuring fluffy white frosting with a chocolate shell coating. Free cupcake video!

Here's a shot of the inside, I just love the contrast of of the thin chocolate layer against the fluffy white frosting.  So pretty!


Hi Hat Cupcake Tutorial by MyCakeSchool.com! Free cupcake tutorial and video tutorial! My Cake School.


I used Wilton heart sprinkles as simple toppers, but the decorating & flavor options are endless!  I'm already daydreaming about more hi-hats!

Hi Hat Cupcake Tutorial by MyCakeSchool.com! Featuring fluffy white frosting and a delicious chocolate shell! Free cupcake video!



I hope this tutorial has inspired you to give these a try.   Next time, I'm going to make minis...I think they would be adorable!

See you next time!


Beautiful Hi Hat Cupcakes Tutorial by MyCakeSchool.com! Delicious fluffy white frosting with a chocolate shell! Free cupcake video tutorial!


Leave a Reply

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

The maximum upload file size: 2 MB. You can upload: image. Drop file here


  1. I made these the other day and kept chilled however some of the tops slipped off the cupcake - any suggestions on how to keep the top in place. They were so delicious!

  2. @Joanie- Oh no! I'm sorry to hear that. Chilling the cupcakes should usually be enough to prevent the frosting from falling off. If you chilled in the refrigerator, next time try in the freezer. Or if you chilled in the freezer, you could try keeping them chilled a bit longer. Or maybe leave the tray of cupcakes in the freezer and just take out one or two cupcakes at a time as you dip them. It could also be that the chocolate was a little too warm? I'm sorry, but glad that you could still enjoy them. ;0)

  3. Thank you for responding so quickly. I am new to the Cake School and am having so much fun so far. My High Hats dipped just fine and the topping stayed during the dipping - it was when I went to serve them some of the tops were slipping off the cupcake. Was not sure if I should frost them with ABC and then pipe on the marshmallow freeze and then dip??

  4. Thank for Sharing!! i will try to make it for my children in this weekend.
    it's looks so delicious! i hope my children love eat.

  5. I would like to know if there is a trick to getting that fluffy, sticky deliciousness into the piping bag. I had such a mess - I even ended up with it in my hair!!! (Worth it tho)

    1. Haha Hi Elaine! Glad that you enjoyed the frosting. I like to fold the piping bag down around the top to create a cuff before filling it. Some people even position the "cuff" over the top of a tall glass so that they can fill the bag without holding it. Hope this helps!