Celebrate graduation the right way with Michaels' graduation decorations and party supplies. Browse party décor, graduation frames, or find some great party ideas!

description

Give your graduates the celebration they deserve for their hard work. Find the perfect crafts for party decorations, or do-it-yourself party invites at Michaels.

Searching for the perfect graduation frame to display that diploma? Browse Michaels full selection of graduation and diploma frames in-store and online.

Graduation season is here, and your graduate deserves the proper recognition. Celebrate their accomplishment with graduation frames, decorations, and more.

Honor your graduate's big achievement with personalized gifts, decorations tailored to their style, and meaningful keepsakes, and trend-forward decor that make their Graduation unforgettable. Whether you're planning a 

, Michaels has everything you need to celebrate their success.

Explore graduation-themed banners, centerpieces, tableware, 

 to throw a party that matches their achievement. Whether it’s in the backyard or at a more elaborate venue, we have 

 for parties of every size and style. Make every moment picture perfect and choose from

 to add color and originality to your celebration.

Make your memories last with our collection of 

 to capture these special moments. Create a unique album highlighting their journey, from 

Make it personal with DIY graduation cap designs and creative projects. Express yourself this graduation by 

. From glitter letters, embellishments, and 

, any graduate is sure to stand out from the crowd with a cap that’s entirely personal to them. Looking for more crafting ideas? Check out our 

 for cap personalization, gifting guides and apparel craft projects.

Personalized Graduation Gifts They’ll Love

Discover thoughtful gifts perfect for your graduate. For a more personal touch you can find handmade card kits at Michaels or find a variety of handmade and 

 to find something that your graduate will treasure forever.

<div class="michaels-integrated-stack">
  <style>
    @font-face {
      font-family: 'Gelica-Black';
      src: url('https://assets.contentstack.io/v3/assets/bltd9fb2775af4c7dd7/bltc740dc7131598881/691396a8c004298abb21dd9d/Gelica-Black.otf') format('opentype');
    }

    @font-face {
      font-family: 'Inter-ExtraBold';
      src: url('https://assets.contentstack.io/v3/assets/bltd9fb2775af4c7dd7/bltfb5f008227991f03/69a896c9d51268ccf53cf71e/Inter-Bold.otf') format('opentype');
    }

    @font-face {
      font-family: 'Inter-Regular';
      src: url('https://assets.contentstack.io/v3/assets/bltd9fb2775af4c7dd7/blt3940923dcb609b0c/69a896c90b360ab145b8f3d1/Inter-Regular.otf') format('opentype');
    }

    @font-face {
      font-family: 'Inter-Thin';
      src: url('https://assets.contentstack.io/v3/assets/bltd9fb2775af4c7dd7/blt04bd32d8e246d839/69a896c960bb4d7243d53234/Inter-Thin.otf') format('opentype');
    }

    @font-face {
      font-family: 'CircularXX-Black';
      src: url('https://assets.contentstack.io/v3/assets/bltd9fb2775af4c7dd7/blt1528b4c8ed6aa8ce/699cba8ab13d650008b50681/CircularXX-Black.otf') format('opentype');
    }

    .michaels-integrated-stack {
      font-family: 'Inter-Regular', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
      display: flex;
      flex-direction: column;
      align-items: center;
      background-color: #ffffff;
      padding-bottom: 20px;
      width: 100%;
    }

    .hero-box {
      width: 100%;
      max-width: 1360px;
      box-sizing: border-box;
      height: 420px;
      background: url('https://static.platform.michaels.com/v3/assets/bltd9fb2775af4c7dd7/blt80ad7879005f0eca/69d020998e88690f9936ac55/grad-html-test.png') center/cover no-repeat;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      z-index: 10;
      border-radius: 0;
      overflow: hidden;
    }

    .glass-pill {
      position: relative;
      background: rgba(0, 0, 0, 0.4);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, 0.2);
      padding: 30px 25px;
      border-radius: 40px;
      text-align: center;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
      width: 90%;
      max-width: 860px;
      overflow: hidden;
      z-index: 50;
    }

    .balloon-item {
      position: absolute;
      bottom: -150px;
      display: flex;
      flex-direction: column;
      align-items: center;
      animation: helium-float linear infinite;
      z-index: 1;
    }

    .oval-balloon {
      position: relative;
      width: 26px;
      height: 32px;
      border-radius: 50% 50% 50% 50% / 55% 55% 45% 45%;
    }

    .shine {
      position: absolute;
      top: 5px; left: 5px;
      width: 6px; height: 8px;
      background: rgba(255,255,255,0.4);
      border-radius: 50%;
    }

    .knot {
      width: 5px; height: 4px;
      background: inherit;
      clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
      margin-top: -1px;
    }

    .wavy-string {
      width: 8px; height: 60px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='60' viewBox='0 0 8 60'%3E%3Cpath d='M4 0 Q0 15 4 30 T4 60' fill='none' stroke='rgba(255,255,255,0.3)' stroke-width='1.5'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
    }

    @keyframes helium-float {
      0% { transform: translateY(0) rotate(0deg); opacity: 0; }
      10% { opacity: 0.8; }
      90% { opacity: 0.8; }
      100% { transform: translateY(-500px) rotate(10deg); opacity: 0; }
    }

    .content-layer {
      position: relative;
      z-index: 100;
      color: #ffffff;
    }

    .headline {
      margin: 0 0 20px 0;
      line-height: 1.2;
    }

    .headline-top {
      display: block;
      font-family: 'Inter-ExtraBold', sans-serif;
      font-size: clamp(1rem, 3vw, 1.6rem);
      color: #ffffff;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-bottom: 6px;
    }

    .headline-bottom {
      display: block;
      font-family: 'Gelica-Black', sans-serif;
      font-size: clamp(1.5rem, 5vw, 3rem);
      color: #242E59;
    }

    .cta-row {
      display: flex;
      gap: clamp(4px, 1.5vw, 10px);
      justify-content: center;
      flex-wrap: nowrap;
      width: 100%;
    }

    .btn-nav {
      font-family: 'Inter-Regular', sans-serif;
      background: #E02926;
      color: #ffffff;
      text-decoration: none;
      padding: clamp(6px, 1.5vw, 10px) clamp(8px, 2vw, 22px);
      border-radius: 50px;
      font-weight: 700;
      font-size: clamp(0.6rem, 2.2vw, 1rem);
      transition: all 0.2s ease;
      display: inline-block;
      border: none;
      white-space: nowrap;
      flex: 1;
      text-align: center;
      max-width: 160px;
    }

    .steps-slide-out {
      width: 100%;
      max-width: 1360px;
      box-sizing: border-box;
      background: rgba(248, 248, 248, 0.95);
      backdrop-filter: blur(15px);
      -webkit-backdrop-filter: blur(15px);
      border: 1px solid #eeeeee;
      border-top: none;
      margin-top: -15px;
      padding: 30px 20px 20px 20px;
      border-radius: 0 0 30px 30px;
      z-index: 5;
      position: relative;
      text-align: center;
    }

    .how-it-works-tag {
      font-family: 'Gelica-Black', sans-serif;
      font-size: clamp(1rem, 2.5vw, 1.5rem);
      color: #000000;
      text-transform: none;
      letter-spacing: 0.5px;
      margin-bottom: 18px;
      display: block;
    }

    .steps-row {
      display: flex;
      justify-content: space-around;
      position: relative;
      max-width: 1100px;
      margin: 0 auto;
      gap: 5px;
    }

    .progress-track {
      position: absolute;
      top: 45px;
      transform: translateY(-50%);
      left: 10%; right: 10%;
      height: 3px;
      background: #e0e0e0;
      z-index: 1;
    }

    .progress-fill {
      position: absolute;
      top: 0; left: 0;
      height: 100%;
      width: 0%;
      background: linear-gradient(
        to right,
        #C0187A,
        #F26522,
        #FFD700,
        #2DB551,
        #2E3A9B,
        #7B2D8B,
        #F4A7C3,
        #F26522,
        #C0187A
      );
      background-size: 200% 100%;
      animation: slideProgress 4s infinite ease-in-out;
      border-radius: 2px;
    }

    @keyframes slideProgress {
      0%   { width: 0%;   opacity: 0; }
      20%  { opacity: 1; }
      80%  { opacity: 1; }
      100% { width: 100%; opacity: 0; }
    }

    .step-card {
      flex: 1;
      text-decoration: none;
      display: flex;
      flex-direction: column;
      align-items: center;
      z-index: 2;
      min-width: 0;
    }

    .bubble {
      width: clamp(60px, 15vw, 100px);
      height: clamp(60px, 15vw, 100px);
      background: #ffffff;
      border: 2px solid #eee;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 8px;
      position: relative;
      font-size: clamp(22px, 6vw, 38px);
      box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    }

    .step-num {
      position: absolute;
      top: -2px; right: -2px;
      background: #E02926;
      color: white;
      width: clamp(18px, 5vw, 26px);
      height: clamp(18px, 5vw, 26px);
      border-radius: 50%;
      font-size: clamp(10px, 3vw, 13px);
      font-weight: 900;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid #fff;
    }

    .step-label {
      font-family: 'CircularXX-Black', sans-serif;
      font-size: clamp(0.55rem, 1.6vw, 0.9rem);
      color: #333;
      text-transform: none;
      white-space: nowrap;
      text-align: center;
      line-height: 1.2;
      max-width: none;
    }

    .step-sub {
      font-family: 'Inter-Regular', sans-serif;
      font-size: clamp(0.55rem, 1.8vw, 0.8rem);
      color: #E02926;
      font-weight: 700;
      line-height: 1.1;
      text-align: center;
    }

    .balloon-float {
      animation: bubble-float 3s ease-in-out infinite;
      display: block;
      width: 75%;
    }

    @keyframes bubble-float {
      0%   { transform: translateY(0px) rotate(-3deg); }
      50%  { transform: translateY(-6px) rotate(3deg); }
      100% { transform: translateY(0px) rotate(-3deg); }
    }

    @media (max-width: 600px) {
      .hero-box { height: 320px; }
      .glass-pill { padding: 20px 15px; }
      .steps-slide-out { margin-top: -10px; border-radius: 0 0 20px 20px; }
      .progress-track { top: 28px; }
      .how-it-works-tag { font-size: 0.95rem; }
      .step-label {
        font-size: clamp(0.5rem, 2.5vw, 0.65rem);
        white-space: normal;
        max-width: 60px;
      }
      .cta-row {
        flex-direction: column;
        align-items: center;
        gap: 8px;
      }
      .btn-nav {
        font-size: clamp(0.55rem, 3.5vw, 0.8rem);
        padding: 10px 20px;
        max-width: 50%;
        width: 50%;
        white-space: normal;
      }
    }
  </style>

  <div class="hero-box">
    <div class="glass-pill">
      <div class="balloon-item" style="left: 7%; animation-duration: 8s;">
        <div class="oval-balloon" style="background:#FFD700"><div class="shine"></div></div>
        <div class="knot" style="background:#FFD700"></div>
        <div class="wavy-string"></div>
      </div>
      <div class="balloon-item" style="left: 18%; animation-duration: 10s; animation-delay: 1.5s;">
        <div class="oval-balloon" style="background:#C0C0C0"><div class="shine"></div></div>
        <div class="knot" style="background:#C0C0C0"></div>
        <div class="wavy-string"></div>
      </div>
      <div class="balloon-item" style="left: 82%; animation-duration: 11s; animation-delay: 3s;">
        <div class="oval-balloon" style="background:#800000"><div class="shine"></div></div>
        <div class="knot" style="background:#800000"></div>
        <div class="wavy-string"></div>
      </div>
      <div class="balloon-item" style="left: 92%; animation-duration: 9.5s; animation-delay: 2s;">
        <div class="oval-balloon" style="background:#000080"><div class="shine"></div></div>
        <div class="knot" style="background:#000080"></div>
        <div class="wavy-string"></div>
      </div>

      <div class="content-layer">
        <h2 class="headline">
          <span class="headline-top">Graduation HQ:</span>
          <span class="headline-bottom">Celebrate the Class of 2026!</span>
        </h2>
        <div class="cta-row">
          <a href="https://www.michaels.com/search?q=%2Fsearch%3Fq%3Dgraduation%20balloons&sortBy=New%20Arrivals?cmshtmlclick_gradclp_balloons" class="btn-nav" target="_parent">Balloons</a>
          <a href="https://www.michaels.com/shop/holidays-occasions/graduation/party?cmshtmlclick_gradclp_partysupplies" class="btn-nav" target="_parent">Party Supplies</a>
          <a href="https://www.michaels.com/search?q=graduation%20decor?cmshtmlclick_gradclp_decor" class="btn-nav" target="_parent">Grad D&eacute;cor</a>
        </div>
      </div>
    </div>
  </div>

  <div class="steps-slide-out">
    <div class="steps-row">
      <div class="progress-track"><div class="progress-fill"></div></div>

      <div class="step-card">
        <div class="bubble">
          <span class="step-num">1</span>
          <img src="https://static.platform.michaels.com/v3/assets/bltd9fb2775af4c7dd7/blt2f4e3f03c0b85e0d/69d81518e583e66e2af072cd/Mik-html-Grad-Balloon.png" style="display:block; width:64%;" alt="Grad Balloon">
        </div>
        <span class="step-label">Grad balloons</span>
        <span class="step-sub">100s of options</span>
      </div>

      <div class="step-card">
        <div class="bubble"><span class="step-num">2</span>🛒</div>
        <span class="step-label">Order online</span>
        <span class="step-sub">Same day pickup</span>
      </div>

      <div class="step-card">
        <div class="bubble"><span class="step-num">3</span>🏬</div>
        <span class="step-label">Easy pickup</span>
        <span class="step-sub">Find your store</span>
      </div>

      <div class="step-card">
        <div class="bubble">
          <span class="step-num">4</span>
          <img src="https://static.platform.michaels.com/v3/assets/bltd9fb2775af4c7dd7/blt843664ec8deec924/69a84c5118a9f77d3c47b5d5/mik-tile-html-floatingballoon.png" class="balloon-float" alt="Balloon">
        </div>
        <span class="step-label">Inflation</span>
        <span class="step-sub">Free at store</span>
      </div>
    </div>
  </div>
</div>

Custom HTML Content

MIK-Graduation-Categories-ShopbyCategory

Balloons, décor, and party supplies for an unforgettable graduation.

Graduation Balloons

Number Balloons

School Colors

Party Supplies

Frames

MIK - Tabs - Graduation 2026

Balloon styles from bundles to letters, numbers & more ready for pickup or same‑day delivery

MIK-LP-Balloons-card-Mylar-promo-grad

MIK-LP-Balloons-card-Latex-promo-grad

MIK-LP-Balloons-card-promo-numbers-grad

MIK-LP-Balloons-card-BYO-grad-bundles

MIK-LP-Balloons-sidebyside-promo-graduation-US

Bold, fun wearables for graduation parties and photos

Shop Party Wearables

MIK-Collage-Senior-Graduation-PartyWearables

MIK-CLP-Grad-categories-shopby-color

Find all the papercrafting supplies you need to honor your grad.

Shop Papercrafting

5050 D-Papercrafting Grad.jpg

5050 M-Papercrafting Grad.jpg

MIK-5050-Papercraft-Grad Banner-Grad CLP

From colorful wigs to glasses, build a look for fun runs, reunions, parties & more.

Shop All

pink boa, blue cowboy hat, orange socks and yellow pom-pom

apparel-party-wear-banner-5050-d-v2.png

apparel-party-wear-banner-5050-m-v2.png

MIK-CLP-Apparel-Crafts-Costumes-banner-5050-party-wear-access-new

From personalized keepsakes to party details, discover pieces that make graduation unforgettable.

Shop Graduation 

Shop Sale

MakerPlace by Michaels Graduation-themed decor with "Class of 2026" lettering, gold stars, balloons, a mortarboard, and festive streamers on a white background.

MKR - 5050BannerD - graduation - 37861607605360.jpg

MKR - 5050BannerM - graduation - 37861607605360.jpg

MIK- 5050banner  - MKR Graduation

MIK-CLP-Graduation

Discover our range of summer décor, crafts, floral arrangements, toys, games & much more. Make the most out of summer by shopping at Michaels today.

Bring new life & joy to your home & garden with Michaels full range of spring decor, including wreaths, garlands, potted plants, accessories & much more.

Find all the patriotic essentials you need at Michaels. We carry 4th of July decorations, crafting kits and party supplies perfect for your celebration.

Explore thoughtful gifts & supplies for all celebrations, from holidays to special occasions. Make moments memorable & shop at Michaels today!

Get ready for the school year with Michaels. Shop back to school supplies, teacher essentials and classroom crafts for every grade and budget.

Shop Mother’s Day gifts, and accessories. Discover our collection of must-haves, such as Cricut and craft machines, baking decor, art sets, DIY gifts and more.

Surprise dad with the perfect Father’s Day Gift from Michaels. From power tools to art supplies and more, you’ll find the right gift for every kind of dad.

Welcome the cozy season with fall decorations for home and outdoors, plus DIY fall crafts. Shop wreaths, florals, & décor for fall events at Michaels

Celebrate Pride Month with Michaels! Shop colorful pride accessories like rainbow jewelry & pride pins, and decorations for parties, parades & more.

Explore chilling Halloween crafts, decorations, & party supplies at Michaels, your one-stop shop for DIY projects & Halloween décor for spooky season.

Celebrate Day of the Dead with Día de los Muertos decorations, crafts, & party supplies, including papel picado banners, candles, & florals.

Style your home and events with Thanksgiving decorations, crafts, & home décor. Find centerpieces & outdoor accents for a festive autumn ambience.

Celebrate the seven principles of Kwanzaa with traditional decorations from Michaels. Shop our traditional Kwanzaa party items that include DIY garlands, tableware, candle holders, kanaras, and more.

Celebrate the Festival of Lights with Hanukkah decorations from Michaels. Get all your Judaica ornaments and essentials like traditional Menorah candles to Dreidels. Prepare your home for the holiday season.

Shop Michaels for Christmas decorations, trees, ornaments and more to bring festive cheer into your home. Browse our selection of holiday gifts and DIY supplies.

Discover the best artificial Christmas trees at Michaels. Shop by shape, style and foliage, plus explore light types, budget-friendly options and sizes.

Ring in the New Year with Michaels! Explore our New Year's Eve décor, party supplies and crafts to make your celebration sparkle. Shop on-line or in store.

Create something heartfelt and special with Michaels selection of Valentine's Day décor. Shop themed signs, party supplies, heart-shaped wreaths and DIY crafts.

Celebrate Black History Month with our collection of art, shirts, decorations, crafts & more, benefiting charities that support racial equality.

Browse Mardi Gras decorations & party supplies at Michaels. Choose from a large selection of Mardi Gras beads, masks, necklaces, crowns & much more

Shop Chinese New Year gifts and essentials like paper lanterns, indoor and outdoor floral decorations, figurines, tableware, greeting cards and more.

Find Ramadan party decorations & home decor at Michaels. Shop in-store or online for banners, pillows, tableware, signs & more for your celebration.

Shop Michaels for St. Patrick’s Day decorations, party supplies, crafts, baking, and more. Browse our selection of essentials and supplies.

Browse Michaels' selection of Easter essentials including Easter baskets, decorations, crafts, basket stuffers, toys and candy.

Reg. $3.99 - $5.99. Select styles. Excludes stick balloons.

assorted graduation mylar balloons in numbers and shapes

Reg. $1.99 Each, $23.88 for 12. Select styles. Must buy 12.

graduation latex balloons made into a balloon garland

2026 graduation number balloons with black foil balloon stars 

Graduations Must-Haves

Big Milestone. Bigger Balloons.

Inflated Foil Balloons

Inflated Latex Balloons

32" Letter & 34" Number Balloons

Party‑Ready Balloon Bundles

Graduation Party Style

Shop by school colors

Cherish your grad’s success.

Party Wear Accessories

Made for Milestones