This Rocky Road S’mores Bites recipe uses only 5 ingredients and takes 15 minutes of hands-on time to make! It tastes just like a ready-to-eat and portable s'more, and is the perfect recipe to bring camping or to eat at home. The graham crackers stay crunchy, the marshmallows are fluffy, and the peanut butter gives them an ultra-creamy texture.
I most frequently make these Rocky Road S’mores Bites for outdoor picnics, barbecues, and parties. They're also perfect for camping during fire bans that prevent traditional s'more making, or if your kids are too young for roasting marshmallows over an open fire.
For more outdoor picnic and potluck recipes, check out my Creamy Avocado Pasta, Vegan Gluten-Free Chocolate Chip Cookies, Coconut Date Balls, Greek Tahini Pasta Salad, Healthy Chocolate Peanut Butter Balls, and Mango Popsicles.
This recipe was inspired by my Christmas Rocky Road! For more delicious and shareable chocolate desserts, try my Buttercream Chocolate Candies, Peanut Butter Truffles, Thick Italian Hot Chocolate, Chocolate Dipped Gluten-Free Peanut Butter Cookies, and Brownies without butter.
How to make it (with photos)
Ingredients Notes
This S'mores Bites dessert recipe brings all the best ingredients of the beloved campfire s’mores and adds a rocky road twist with creamy peanut butter!
- Chocolate chips - semi-sweet chips are best and not too sweet.
- Mini marshmallows - you can use regular or vegan marshmallows.
- Graham crackers - I used gluten-free graham crackers and the Kinnikinnick ones have the best texture.
- Peanut butter - unsweetened peanut butter is perfect for this recipe since we use many other sweetened ingredients. It saves these S'mores bites from being overly sweet and we love the nutty flavor. Alternatively, use almond or cashew butter.
- Butter - I use vegan butter but regular butter will also work.
See the recipe card for full ingredients and quantities.
Substitutions
Vegan, gluten-free, or dairy-free s’mores bites are easy to make! All substitutions are measure for measure.
- Gluten-free - I used vegan butter, gluten-free graham crackers, and regular marshmallows for gluten and dairy-free dessert.
- Make it vegan - use vegan marshmallows and butter.
- Coconut oil - Substitute butter for an equal amount of coconut oil.
- Nut butter - Almond butter and sun butter are suitable substitutions for peanut butter for anyone with nut or peanut butter allergies.
- Real butter - instead of vegan butter you can use real dairy butter.
I made this recipe as a gluten-free dessert and vegan-friendly snack without any loss of flavor. You can keep the recipe as is and enjoy the benefits of eating a little healthier or swap out whichever ingredient you’d like and still have delicious results.
Variations
You can really get creative when making no-bake desserts, and this s'mores snack with peanut butter is one step from being that much tastier. Try one of these s'more's dessert bar variations for a unique recipe.
- Turtle S’mores - Another twist on the classic s’mores recipe is to make these bars with chopped pecans, caramel, marshmallows, and chocolate chips.
- Peanut Butter Cookie S’mores - Switch out the graham crackers for crumbled peanut butter cookies with chocolate chips and marshmallows.
- Make it Nutty - Add ⅓ cup of chopped peanuts, almonds, or walnuts to this easy s’more’s dessert bar recipe.
Step-by-Step Photos
This quick and easy rocky road s'mores bites recipe comes together in 15 minutes! It's a beginner and kid-friendly recipe.
Prep - line the pan: Use parchment paper to line the bottom and sides of a loaf pan.
Melt the base: Melt together the chocolate chips, peanut butter, and butter in a pot on low heat, stirring constantly.
Graham cracker pieces: Break crackers into pieces and stir into the melted chocolate. Set aside and allow it to cool for just a few minutes before adding the marshmallows.
Marshmallows: Add to the cooled chocolate mix and fold in gently.
Assemble in pan: Evenly spread the mixture into the pan and gently press into the corners with a spatula.
Toppings: Add more mini marshmallows and graham crackers on top to decorate. Refrigerate until firm.
Cut into Bite-Sized Pieces: Once chilled, remove the s'mores bar from the pan by lifting out the parchment paper and cut it into bite-size squares.
Hint: Double the batch and use an 8x8 square dish. They’re so crave-worthy, that you’ll want to have extra to snack on. Or if you’re feeling generous, share with others!
Recipe FAQs
Here I answered some frequently asked questions about this S'mores Bites recipe. Don't see your question? Leave it in the comments at the end of this post and I'll answer within two business days.
Store leftover s'mores bites in an airtight container in the refrigerator or at a cool room temperature for up to a week. If at room temperature, make sure it's not warm enough to melt the chocolate.
Semi-sweet chocolate chips are the best chocolate for this homemade rocky road s’mores recipe. It melts perfectly and isn’t overly sweet like milk chocolate.
Expert Tips
Make expert level s'mores bites on the first try with these tips.
Melt the chocolate base slowly.
This recipe is super fast no matter what, so take that extra minute or two and melt the chocolate mixture on low heat. This makes sure the butter doesn't burn and you get an ultra-velvety texture!
I definitely recommend using the stove to melt the chocolate. If you choose to try it in the microwave, melt the chocolate in increments of 30 seconds at a time so as to not burn the mixture.
Allow the mixture to cool for a few minutes before adding the marshmallows.
You'll find this step in the recipe, but make sure to follow it! If you combine the chocolate and marshmallows too soon, the marshmallows will melt into the chocolate.
Watch the room temperature when serving.
Because the mixture is a little softer than regular chocolate, it is more prone to melting at a warm room or outdoor temperature. Store it somewhere cool, or refrigerate before bringing it outside.
Fortunately, this treat never lasts long and you only need to watch it until it's gone!
Love this recipe? Please leave a 5-star 🌟🌟🌟🌟🌟rating in the comment field or recipe card below. Thank you!
S'mores Bites
Ingredients
- 1 cup semi-sweet mini chocolate chips
- ¼ cup unsweetened peanut butter
- 2 tablespoons butter or vegan butter
- ¾ cup chopped graham crackers plus a few pieces to decorate the top
- 1 ½ cups mini marshmallows plus a few to decorate the top
Instructions
- Line the pan: Line a loaf pan with parchment paper. For a double batch, use a 9x9 or 8x8 inch square pan.
- Melt the base: In a medium pot on low heat, melt together the chocolate chips, peanut butter, and vegan butter. Stir frequently to prevent burning.
- Graham Cracker Pieces: Stir in the graham cracker pieces and remove from heat. Allow to cool for 3-5 minutes so you don't melt the marshmallows.
- Marshmallows: Add the marshmallows and stir gently to coat.
- Spread in the pan: Spread the mixture in the lined pan by gently pressing it into the corners with a spatula.
- Toppings: Arrange additional mini marshmallows and remaining graham cracker pieces across the top to decorate and refrigerate until firm (about 2 hours).
- Cut into bite-sized pieces: Once chilled, remove the s'mores bar from the pan by lifting out the parchment paper and cut it into bite-size squares.
Notes
Nutrition
This is my favorite kind of recipe - easy, incredibly delicious, and super shareable! I hope you love it as much as I do.
xo, Jamie
Cora
Wow!! These are incredible and taste just like s’mores. I love the peanut butter. We can’t stop eating them!