How to Make a Homemade Hopscotch Mat
Crafts | Kids Activities | Parties

How to Make a DIY Hopscotch Mat

I’m always looking for simple do-it-yourself activities and games for my toddler to learn from and enjoy.

While planning his birthday party, I was looking to make different station-like games for kids to walk up to and play with.

Through scouring the Internet for ideas, I came across a cool hopscotch idea, where a blogger made a homemade hopscotch game from carpet samples from Home Depot. I loved this idea because it was so creative and resourceful.

I looked into making it, and the carpet samples were quite cheap. However, I was worried about toddlers who are still working on their balance tripping on the carpet squares, especially because they weren’t stuck to each other.

This was all occurring during my felt craze, and then it dawned on me.

I could make a felt hopscotch mat that I could unroll inside or outside for my toddler and his friends to play with.

It turned out awesome – it’s definitely my favorite DIY this year.

​Not only did it look store-bought (I love when my DIYs look store-bought!), but it even inspired my son to learn his numbers. Here’s how to make a hopscotch mat.

How to Make a DIY Hopscotch Mat

Materials for the DIY Hopscotch Mat

Here are the materials and the steps for making this homemade felt hopscotch game.

Materials for Making a Hopscotch Mat from Felt
  • One 2-yard piece of felt – I used this felt fabric in green from Crafty Cuts, which measured 72 inches x 36 inches. I like this brand of felt because it was nice, thick, and not slippery! (Some felt can be slippery like the kind you buy in craft stores in rolls).  This material served as a perfect mat. (I even used a small piece of this cut for the lamp post in our photo booth backdrop)
  • 15 pieces of felt in colors of your choice – 5 of these will be used for your numbers (2 per sheet), and 10 of these will be used for the hopscotch squares. I used a variety pack from a craft store, but Amazon has some great felt variety packs too. I used the size 9″ x 12.”
  • Glue – I used hot glue to stick the numbers to the squares and the squares to the felt. It held up just fine but I had to use a lot of glue. I didn’t try fabric or felt glue, but I know those choices are out there too.
  • Number Pattern – I made a free printable (see below) for my numbers. To save ink, you’ll notice I took a few short cuts. I only printed the 1 once (use the stencil for the 1 and the 10), and I didn’t include the 9 (use the 6).
  • Scissors

Download the Template

Get your free hopscotch mat template here in our DIY resource library.

How To Make A Hopscotch Mat

Making the hopscotch was really simple. It’s a no-sew project that doesn’t take up too much time, and yields a great result.

Creating the layout for the DIY hopscotch Mat

First, I laid out the green 2-yard felt piece. Then I started to pick colors for the squares. After I had picked out my colors – yellow, pink, and two shades of blue, I laid everything down, creating a pattern that I liked.

Cutting the Felt Squares for the Mat

After the layout was down, I needed to cut the ten rectangular felt pieces into squares.

To make this as simple as possible, since the pieces were 9″ by 12,” I just cut the 12″ side to 9″ to make a 9″ by 9″ with just one cut per piece.

Also, I used my paper cutter to cut the felt. This made the process of cutting felt perfectly a cinch because I can never get a perfectly straight line with scissors.

Cutting Felt with a Paper Cutter - Tricks for Making a Hopscotch Mat out of Felt

I don’t leave my paper cutter sitting out anymore with my son running around; however, the paper cutter I use takes 30 seconds to set up, and you only need to set up part of it to get a good cut.

For someone a busy mom who can’t cut straight, it’s simple and perfect!

Making Numbers for the Hopscotch Mat

After I cut the ten number squares, I started on the numbers. I decided to use felt to make the numbers. I tried fabric paint and a few other types of paint – but it just didn’t look professional.

So, I made a quick little number printable, and then cut out the numbers to use as stencils.

And, for efficiency, I skipped any redundant numbers (one stencil for 6 and 9).

Next I simply held the stencil over the black felt (I used all black for the numbers) and cut as precisely as I could.

I could have traced the stencils onto the felt first and then cut, but I skipped this time for the sake of time.

Gluing the pieces together

Afterward, I glued the black numbers onto the colored felt squares.

How to Make a Hopscotch Mat from Felt

Then I started gluing the colored squares to the green felt background. It was turning out so nicely 🙂

How to Make a Hopscotch Mat from Felt

The completed hopscotch mat 🙂 Along with a few other party decorations.

How to Make a Hopscotch Mat from Felt

Before the party, we used the hopscotch mat in the house, as a little reading carpet. My son learned his numbers quickly and would pick a different number to sit on each time we would read 🙂

This cute, very simple to make, hopscotch mat can serve as a game or a reading mat.

​The cost of the project was very little – I bought most things at the craft stores with coupons, and I used the variety pack of felt for numerous other projects, with a large pile still left.

To give an estimate, I would say I didn’t spend more than $15. I love it so much that I’m looking to make another felt mat as a reading mat for my son’s reading corner.

If you are looking for a fun activity for kids that involve learning, definitely consider making a hopscotch mat.


  1. Erin @ Stay at Home Yogi says:

    Such a clever idea and it turned out really great! 🙂 I might have to give this a try! 🙂 Perfect for a bday party too!

  2. Eileen @ Just Measuring Up says:

    Thanks so much, Erin! Yes it’s so easy to make, and kids love it! 🙂

  3. Curious if the felt was slippery? Thinking of making a 2 sided mat with long jump and hopscotch… but want to make sure it’s not to slippery. Thx!!

    1. Eileen @ Just Measuring Up says:

      Hi Crista, what a great idea! The felt I used isn’t slippery at all. It was actually a little thicker and a little more rough than the felt you buy in rolls, like at Joanne’s. The link to the one I used is listed above – but I have seen the same brand at either AC Moore or Michaels. It’s wrapped in a plastic package. I bought the rectangles of felt from AC Moore/Michaels. They aren’t slippery either.
      I also recently bought blue – straight from the roll at Joanne’s and that’s definitely smoother and could be slippery.
      Good luck with your project- it sounds awesome!

  4. How cute! Pls do share at the practical mondays link up too 🙂

    1. Eileen @ Just Measuring Up says:

      Thanks Swapna! Will do 🙂

    1. Eileen @ Just Measuring Up says:

      Thanks Jess! It’s super fun! It’s currently a reading mat in our house 🙂

  5. mamasmercantile says:

    such a brilliant make, the perfect gift for my Grandchildren.

    1. Eileen @ Just Measuring Up says:

      Thanks, Mama!

  6. LuAnn Braley says:

    I love it! And it does look very professional. If I were closer to having grandkids, I’d buy one from you! :O)

    1. Eileen @ Just Measuring Up says:

      aww thanks, LuAnn!

  7. Janine Huldie says:

    I used to love to play hopscotch as a kid, but just used plain chalk to draw the board. Never would have thought to do this for it. But definitely going to try this in the spring for my kids now. Thanks!! #happynowlinkup

    1. Eileen @ Just Measuring Up says:

      Thanks Janine! It turns out super cute! 🙂

  8. Love this. My daughter is turning six next month, and we are hosting a girls party at home. This would be a great activity!

    1. Eileen @ Just Measuring Up says:

      Thanks Shikha!! Hope they have fun 🙂

  9. Patty Gordon says:

    Great idea for inside play. Love this! Thanks so much for posting this on the coffee and conversation link party.
    Speaking of that. WHen I clicked on the link on the link party page it brought up a strange page. I had to edit the URL in the search line to get it. Thought you might want to know.

    1. Eileen @ Just Measuring Up says:

      Thanks, Patty! Oh – thanks for letting me know! I’ll look into it:)

  10. Cute idea! Do you have a link for the printable numbers? Thanks!

      1. Eileen @ Just Measuring Up says:

        Hi Gigi – It should be fixed now – not sure what happened to the 7 – but it’s there now. I only printed the 6 (and not the 9) because you can flip it to save some ink and paper 🙂

  11. Charlene Asay says:

    This is a great idea. My almost 4 year old would love it.

    1. Eileen @ Just Measuring Up says:

      Thanks, Charlene! It turns out really cute 🙂

  12. What a great idea. Perfect for kid’s parties and picnics. I can easily bring it anywhere! Thanks

    1. Eileen @ Just Measuring Up says:

      Thanks, Camille! We love it – I need to make more 🙂

  13. This is so cute, and easy! Pretty much the two most important words for any project I undertake 🙂 Thanks for sharing!

    1. Eileen @ Just Measuring Up says:

      Haha – I agree with those words!! 🙂

  14. Wow what a genius idea! My kids LOVE hopscotch but we live in the Arctic so most of the year it’s not something we can play. They will be so excited to do this!

    1. Eileen @ Just Measuring Up says:

      Hi Sandy, Awww yayyy! I hope they love it 🙂

  15. Sandra Garth says:

    You guys have some of the best ideas ever!

    1. Eileen @ Just Measuring Up says:

      Aww, what a sweet compliment! Thanks, Sandra! 🙂

  16. Vicki @ Babies to Bookworms says:

    This is such a great idea! Those pillows on the window seat are adorable too!!

    1. Eileen @ Just Measuring Up says:

      Thanks, Vicki!! The things on the window seat are Sesame Street pom-poms I made for my son’s Sesame party 🙂

  17. Kimm at Reinvented says:

    Great idea and looks very professional. Using the paper cutter really makes it look sharp.
    Thanks for sharing at Funtastic Friday!

    1. Eileen @ Just Measuring Up says:

      Thanks Kimm! Yes I was happy the paper cutter worked well because I cannot cut in a straight line!:)

  18. Really bright and happy. I love it for a reading mat or to make one with other things on it for a play mat.

    1. Eileen @ Just Measuring Up says:

      Thanks Debbie! Yes, I’m thinking of making a different one as a reading mat too! Inspiration hasn’t struck yet:)

  19. Pamela List says:

    Super cute project. Can’t wait until my grandaughter can walk to make tis for her!

    1. Eileen @ Just Measuring Up says:

      Thanks, Pamela! Aww that’s something fun to look forward to!:)

  20. Sharon@bluewillowhouse says:

    Cute idea. Thank you for sharing it with us at Vintage Charm.

    1. Eileen @ Just Measuring Up says:

      Thanks, Sharon! 🙂

  21. This looks wonderful!! My kiddos would love a hopscotch board like this!

    1. Eileen @ Just Measuring Up says:

      Thanks, Keri!! It turns out really cute 🙂

  22. This is neat! Do share at #practicalmondays too, would love to see your posts there 🙂

    1. Eileen @ Just Measuring Up says:

      Thanks Swapna!:)) I would love to!

  23. Hi, So i just looked at the template for the numbers, a few of the numbers are missing (the 9/6 and 7), could you please just have a look and let me know, I might have opened it wrong?

    1. Hi Emily – I just took a look at the file in our resource library and just the 9 is missing – because you can reuse the 6. 🙂

Leave a Reply

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