Hi-Hat Cupcakes with Recipe and Video | Cupcake Project
MENU
Home  »  Recipes  »  Cupcakes  »  Hi-Hat Cupcakes

Hi-Hat Cupcakes

Hi Hat Cupcakes

Hi-hat cupcakes are cupcakes that are frosted with a tall swirl and then dipped in chocolate. They look super impressive, but they aren’t actually that hard to make.

Which Cupcake Flavor is Best for Hi-Hat Cupcakes?

Hi Hat CupcakesYou can use any cupcake recipe that you like to make hi-hat cupcakes. If you are looking for some place to start, I suggest you try my vanilla cupcakes or chocolate cupcakes. Both of those recipes have been tested hundreds of times – you can’t go wrong with them!

Some of my favorite hi-hat cupcakes are chocolate peanut butter hi-hat cupcakes and double chocolate hi-hat cupcakes!

Which Type of Frosting is Best for Hi-Hat Cupcakes?

piping frosting

You can use any frosting recipe that you like on a hi-hat cupcake, but it has to be able to be piped and hold its shape. Shown above is my chocolate cream cheese frosting. This frosting works really well, as does my vanilla bean buttercream frosting.

Which Tip Do You Use to Pipe Hi-Hat Frosting?

hi hat Cupcakes

For a perfect hi-hat cupcake, you want a big swirl of frosting. The best piping tip to use for this is an open circle tip like the Wilton 1A. If you don’t have a tip, you can fill a heavy-duty sandwich bag with frosting and cut off the corner.

What Is the Chocolate Ganache on a Hi-Hat Cupcake Made Of?

hi hat Cupcakes

Typically, ganache is made of chocolate and cream. For these cupcakes, we use melted chocolate plus vegetable oil. This makes the chocolate shiny! I melt the chocolate and oil together in the microwave in 20 second increments and stir in between each increment until all of the chips are melted.

How Does the Frosting Stay On?

Double-Decker Hi-Hat Cupcakes

The secret to keeping the frosting on when you make hi-hat cupcakes is to freeze the frosted cupcakes before dipping. I was so nervous the first time I turned a cupcake upside-down, but the frosting stayed on just fine!

How to Decorate Hi-Hat Cupcakes

hi-hat Cupcakes

Hi-hat cupcakes are pretty without any decoration, but that doesn’t mean that we can’t add some extra flair.

Hi Hat Cupcakes with Sprinkles

If you add sprinkles to the chocolate before it hardens, the sprinkles will stick.

Hi Hat Cupcakes with White Chocolate

After the chocolate hardens, you can pipe on white chocolate for a fun effect.

Hi Hat Cupcakes

You can also pipe dark chocolate on top of the hi-hat for a beautiful textured look.

How to Eat a Hi-Hat Cupcake

Hi Hat Cupcakes

Hi-hat cupcakes can be messy to eat. I think the easiest way to eat them is to cut them in half first. But, you can use whatever method works for you!

What are Some Other Names for Hi-Hat Cupcakes?

Hi Hat Cupcakes

You might also hear hi-hat cupcakes refered to as chocolate-dipped cupcakes or chocolate shell cupcakes. These different names all refer to the same thing.

Join the free mailing list to receive the latest recipes, tips, and tricks by email!
Hi Hat Cupcakes
Print Pin
5 from 11 votes

Hi-Hat Cupcakes Recipe

How to make hi-hat cupcakes.
Course Dessert
Cuisine American
Keyword chocolate cupcakes, hi hat cupcakes
Prep Time 5 minutes
Cook Time 5 minutes
Total Time 10 minutes
Servings 12 cupcakes
Calories 334kcal

Ingredients

  • 2 cups chocolate chips
  • 3 tablespoons vegetable oil
  • 12 frosted cupcakes frozen
  • Sprinkles or melted chocolate for decorating to taste

Instructions

  • Place chocolate chips and oil into a tall microwave-safe cup (I use a two-cup Pyrex measuring cup).
  • Microwave for twenty seconds at a time (stirring in between) until all of the chocolate is melted.
  • Let the chocolate sit for a couple of minutes so it is still warm but not so hot that it burns you if you touch it.
  • Take the frosted cupcakes out of the freezer. One by one, grab the cupcakes by their wrappers, turn them upside-down, and dunk them into the cup of melted chocolate - making sure that all of the frosting gets covered. (If you listen carefully, you may be able to hear them squealing, “Wheeee!”) Let the cupcakes hover over the cup of chocolate and slowly rotate until all of the excess chocolate drips off.
  • Leave plain or decorate with sprinkles while still warm or melted chocolate once cooled.
  • Admire your work.
  • Store cupcakes in the refrigerator until you are ready to eat them!

Video

 

Nutrition

Nutrition Facts
Hi-Hat Cupcakes Recipe
Amount Per Serving
Calories 334 Calories from Fat 135
% Daily Value*
Total Fat 15g 23%
Saturated Fat 8g 40%
Cholesterol 5mg 2%
Sodium 161mg 7%
Potassium 40mg 1%
Total Carbohydrates 45g 15%
Dietary Fiber 1g 4%
Sugars 34g
Protein 3g 6%
Vitamin A 1.8%
Vitamin C 0.3%
Calcium 9.1%
Iron 5.7%
* Percent Daily Values are based on a 2000 calorie diet.
Have you tried this recipe?Click here to leave a comment and rating!

If You Like Hi-Hat Cupcakes, You’ll Also Like…

Love it? Share it!

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

13 comments on “Hi-Hat Cupcakes”


  1. Wow this cake recipe is so good thank you for sharing your website

  2. Rebecca Hubbellsays:


    I love Hi Hat Cupcakes and this was such a helpful tutorial for making them at home, thank you!

  3. Renee Goergersays:


    Who knew a chocolate cupcake could get an upgrade?!! What a fabulous recipe. I literally drooling!!

  4. Kimberly Killebrewsays:


    These are gorgeous! Such a fun tutorial, thanks for all the great tips and info!

  5. Ooh, YUM!
    I’m pinning this for later!

  6. Jaidesays:

    Oh my goodness! These look delicious!

  7. Joaniesays:


    These have always been my favorite cupcakes of all and I am so grateful to now have a recipe to follow. These were requested by my daughter for a party and were a huge hit – thank you!

  8. Lizsays:


    How fun are these?! Such a great recipe for a party!

  9. Sabrinasays:

    This reminds me of those dipped cones at DQ! Great way to have that same flavor at home but with a cupcake!

  10. Beth K.says:


    Thanks for the tip for using frozen cupcakes. That is very helpful.

  11. These cupcakes look so GOOOD! I’ll take a dozen of them please!


  12. Wow this cake recipe is so good, thank you for sharing your website


  13. Wow this cake is looking so delicious, thank you for sharing your blog

Show All Comments

Stay Connected!

Join my mailing list - and receive a free eBook!

Sign me up!
Gray Logos Representing Media Where Cupcake Project has Appeared
Next Post