Mavis and Johnny Costume
Bring Hotel Transylvania's sweetest monster-human romance to life this Halloween.
Mavis and Johnny from Hotel Transylvania are a classic 'opposite-attracts' couples costume, pairing a sleek gothic vampire with a colorful, laid-back human backpacker. It is a highly popular choice for couples because of the fun contrast between Mavis's dark, structured look and Johnny's bright, layered skater style. The outfits are comfortable, instantly recognizable, and easy to put together using everyday clothing items.
- Difficulty
- Easy
- Time
- ~45 min
- Budget
- $40–90
Try it on
See yourself as Mavis and Johnny
One clear photo of yourself; we render you in this costume — face untouched, full body, about 20 seconds.
One render, $1. No account needed — if it fails you're not charged. Pricing.
Your photo is sent to Google's Gemini API to make the render and isn't used for training. Renders are AI-generated and labelled.
Want a different costume on this photo, or a whole group in costume? Open the Try-On Studio.
What you need for a Mavis and Johnny costume
Short on time? Buy it ready-made
Spirit Halloween sells the complete Mavis and Johnny costume — one box instead of 6 pieces.
Mavis's Black Mock-Neck Dress
A black, short-sleeved, form-fitting dress with a mock-neck or turtleneck collar, ending mid-thigh.
DIY: Use a black short-sleeved t-shirt tucked into a black high-waisted pencil skirt.
Mavis's Striped Tights
Thigh-high or full-length tights with horizontal red and black stripes.
DIY: Use solid red tights and draw black horizontal stripes around them with a fabric marker.
Mavis's Fingerless Gloves
Sheer black lace or mesh fingerless gloves extending up the forearms.
DIY: Cut the fingers off a pair of old black knit gloves or black fishnet sleeves.
Johnny's Yellow and Orange Shirt
A bright yellow short-sleeved t-shirt worn over an orange long-sleeved shirt, or a single layered-look shirt.
DIY: Layer a plain yellow crewneck t-shirt over a plain orange long-sleeve tee.
Johnny's Cargo Shorts
Loose-fitting, knee-length cargo shorts in a light brown or khaki color.
DIY: Use any worn-in tan or beige cargo shorts or cut-off khaki pants.
Johnny's Blue Skate Shoes
Classic low-top blue canvas skate shoes with white soles and white laces.
DIY: Use any blue sneakers and swap the laces for bright white ones.
Rather not assemble it? See ready-made Mavis and Johnny costumes at Spirit Halloween ↗
How to put it together
- 1
For Mavis: Put on the black mock-neck dress and pull on the red-and-black striped tights.
- 2
For Mavis: Slip on the long black fingerless gloves and step into red canvas sneakers or black boots.
- 3
For Johnny: Layer the bright yellow short-sleeved t-shirt over the orange long-sleeved shirt.
- 4
For Johnny: Put on the khaki cargo shorts and pull on white crew socks.
- 5
For Johnny: Lace up the blue skate shoes and carry a green backpack to complete his traveler look.
- 6
Style both wigs or natural hair according to the characters' signature messy styles.
Makeup & hair
Mavis needs a short, jet-black bob wig with blunt bangs, pale face makeup, dark eyeshadow, and dark plum lipstick. Johnny needs a messy, voluminous ginger-orange wig styled in wild, unruly curls pointing upward.
Mavis and Johnny for couples, groups, kids & more
- couples
- One partner dresses as Mavis in her signature black dress, while the other wears Johnny's layered yellow-and-orange shirt and cargo shorts.
- group
- Add Dracula in a high-collared black cape, Dennis in a blue-and-orange striped shirt, and Wayne the werewolf.
- kids
- A simplified version with a black t-shirt dress and striped leggings for Mavis, and a yellow tee over orange sleeves for Johnny.
- Plus size
- A stretchy black skater dress works beautifully for Mavis, while Johnny's loose-fitting cargo shorts and layered tees offer an easy, comfortable fit.
- pet
- Dress a pet dog in a small black cape to play Dracula alongside the couple.
Tips
- For Mavis, red canvas low-top sneakers are the most screen-accurate footwear, though black boots also work well.
- Use hair gel or hairspray to give Johnny's orange wig that signature gravity-defying, messy skater texture.
- Carry a green backpack as Johnny to store your personal items while staying perfectly in character.
- For Mavis's makeup, keep the skin matte and pale, focusing on dark smokey eyes and a deep berry lip.
Mavis and Johnny costume FAQ
- What shoes does Mavis wear?
- Mavis wears bright red canvas low-top sneakers, which contrast sharply with her otherwise all-black outfit.
- How do I style Johnny's hair?
- Johnny has wild, messy orange hair. You can achieve this using a bright orange cosplay wig styled with heavy-hold hair gel or pomade to create messy, upward-pointing spikes.
- Is this costume comfortable for walking around?
- Yes, both costumes are highly comfortable. Mavis wears flat sneakers and a simple dress, while Johnny wears casual t-shirts, cargo shorts, and skate shoes, making this pair ideal for long events.
Did you know? In the franchise, Mavis is 118 years old when she meets the 21-year-old human Johnny, which is considered very young in vampire years.