This coffee jelly is an easy and delicious treat drink with gelatin coffee cubes and a sweet vanilla dairy-free milk. It’s easy and fun to make at home!

A spoon with a coffee jelly over a cup of coffee milk.

What is coffee jelly?

There’s nothing like a fun little drink to brighten your day! I love getting a latte at a coffee shop, but the price really adds up.

I learned about coffee jelly and knew that I had to make it at home! Coffee jelly is popular in Japanese coffee shops and made from coffee cubes turned into almost a jello cube with gelatin or agar, and served with sweetened milk. It’s fun to eat with a spoon, and really easy to make at home!

The Ingredients for Coffee Jelly

  • Strong Brewed Coffee. Instant coffee, cold brew, or just regular brewed coffee will all work.
  • Gelatin. You can also make this with agar, just use 1/3rd less than you would use gelatin.
  • Vanilla and Maple Syrup. This is the flavor I like to add to the coffee jelly, but you can mix it up as much as you’d like.

The ingredients to make the coffee jelly.

How to make coffee jelly

  • Step One. Combine the coffee with maple syrup before sprinkling the gelatin over the coffee and allow it to harden.
  • Step Two.  Heat the mixture until fully liquid then remove and the add vanilla.
  • Step Three. Carefully transfer into the mold and allow to set in the drudge
  • Step Four. Remove from the molds and divide into two glasses.
  • Step Five. Make the flavored milk and then pour over the jelly cubes and enjoy!

Photos of the coffee jelly before and after being added to the molds.

Tips & Tricks

  • Add the jelly cubes to an iced latte. This recipe is more of a fun treat with the milk and jelly cubes, so if you’re looking for an actual coffee instead, simply add just a few of the jelly cubes to your normal iced latte for a fun twist to your latte!
  • Switch up the flavors. You can add any flavor you’d like, such as cinnamon, lavender, etc!

You’ll also like…


clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon

Easy Vanilla Coffee Jelly {Dairy Free}

  • Author: Michelle
  • Total Time: 10 minutes
  • Yield: 2 servings 1x
  • Diet: Gluten Free


Units Scale

For the coffee jelly

  • 1 tbsp + 2 tsp gelatin
  • 1 cup brewed coffee
  • 2 tbsp maple syrup
  • 1 tsp vanilla extract

For the milk

  • 2 cups almond milk
  • 2 tsp maple syrup
  • 1/2 tsp vanilla extract


  1. To make the jelly cubes, add 1 cup of the coffee to a pot along with the maple syrup. Gently stir to combine. Sprinkle the gelatin over the coffee and allow it to harden.
  2. Transfer the pot to the stove and heat over low heat for 3-4 minutes or until fully liquid. Remove from the heat and add the vanilla
  3. Use a dropper to carefully transfer the liquid into a mold. Alternatively, you can use a large glass container. Transfer to the fridge for 4 hours or until fully set.
  4. Carefully remove from the mold and divide the jelly among two glasses.
  5. Make the flavored milk by combining the milk, maple syrup, and vanilla. Pour the milk over the jelly cubes and serve with a spoon!


All nutritional information are estimations and will vary. Estimations do not include optional ingredients.

  • Prep Time: 10
  • Category: Drinks
  • Method: Stove Top
  • Cuisine: Japanese Inspired


  • Serving Size: 1 serving
  • Calories: 131
  • Fat: 2.9g
  • Carbohydrates: 19.8g
  • Fiber: 0g
  • Protein: 4.7g

Keywords: Coffee Jelly