• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Recipe Index
  • GF Resources
  • Shop
  • Subscribe
  • About
    • Bloglovin
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
Vibrantly G-Free
menu icon
go to homepage
  • Recipe Index
  • GF Resources
  • Shop
  • Subscribe
  • About
    • Facebook
    • Instagram
    • Pinterest
  • subscribe
    search icon
    Homepage link
    • Recipe Index
    • GF Resources
    • Shop
    • Subscribe
    • About
    • Facebook
    • Instagram
    • Pinterest
  • ×
    Home » Dessert

    S'mores Bites

    Published: Jul 25, 2022 · Modified: Jul 29, 2023 by Jamie · This post may contain affiliate links · 1 Comment

    Jump to Recipe·Print Recipe

    This 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.

    Smash together the classic campfire s’mores flavors with a rocky road twist. A bite-size snack bar that you'll be craving to make again!

    Pieces of S'mores rocky road arranged for serving and ready to eat!
    [social_warfare ]

    These homemade S’mores Bites are the perfect party and barbecue dessert that will be devoured before you know it! Plus, these dessert squares are easy to adapt to many different dietary restrictions and can be easily adjusted with simple ingredient substitutions.

    If you love this recipe, check out our similar Christmas Rocky Road recipe! And for more delicious and shareable desserts, try our fan-favorite Vegan Gluten-Free Birthday Cake, Gluten-Free Chocolate Chip Cookies, Coconut Sugar Chocolate Chip Cookies, and Brownies without butter.

    Jump to:
    • Why I love this recipe
    • Ingredients Notes
    • Substitutions
    • How to Make S'mores Bites
    • Variations
    • Storage
    • Expert Tips
    • S'mores Bites

    Why I love this recipe

    This is the best s’mores dessert recipe that kids and adults will love just the same. I absolutely recommend making a double batch if brought to a party as they will not last long! This chocolate peanut butter bar with graham crackers tastes just like s’mores with a nutty addition.

    S'more to love:

    • Only 5 ingredients - traditional s’mores ingredients with the addition of peanut butter bring this rocky road dessert to another level.
    • Easy recipe - a simple dessert recipe that is easy to make 
    • Fun - bringing all the flavors of the campfire favorite snack to the kitchen is such a treat! And their bite-sized portions make it easy for snacking and share.
    • Texture - The velvety peanut better chocolate combined with crunchy graham crackers and soft marshmallows is devilishly good. These no-bake s'mores have the best texture and taste for such an easy recipe.
    Pieces of s'mores rocky road arranged with graham crackers to show texture.

    Let's dive into the ingredients you need, substitutions, and step-by-step photos!

    Ingredients Notes

    This dessert recipe brings all the best ingredients of the beloved campfire s’mores and adds a rocky road twist for some of your favorite flavors.

    The 5 ingredients you need to make S'mores Rocky Road
    • 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.

    How to Make S'mores Bites

    This is an easy dessert recipe that comes together quickly for a velvety smooth chocolate peanut butter bar loaded with crunchy graham cracker pieces and soft, fluffy marshmallows. With just a few steps, these s’mores bites will be an irresistible treat.

    Prep - line the pan: Use parchment paper to line the bottom and sides of a loaf pan.

    Overhead view of a medium pot with melted chocolate mixture.

    Melt the base: Melt together the chocolate chips, peanut butter, and butter in a pot on low heat, stirring constantly.

    Graham Cracker pieces disbursed in the rocky road chocolate mixture.

    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.

    Using a silicon spatula to gently incorporate mini marshmallows into the chocolate and graham cracker mixture.

    Marshmallows: Add to the cooled chocolate mix and fold in gently.

    Using a rubber spatula to gently press the rocky road mixture into the corners of the pan.

    Assemble in pan: Evenly spread the mixture into the pan and gently press into the corners with a spatula.

    S'mores Rocky Road in a loaf-pan shape, cooled and ready to be cut into bite-sized pieces.

    Toppings: Add more mini marshmallows and graham crackers on top to decorate. Refrigerate until firm.

    Overhead view of an arrangement of bite-sized S'mores Rocky Road pieces to show a mixture of awesome textures and flavors!

    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!

    What is the best chocolate for s’mores bars? 

    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.

    A hand holding a piece of tasty S'mores Rocky Road!

    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.

    If you love chocolate recipes then you must try these Gluten-Free Blondies!

    A plate of pieces of S'mores Rocky Road arranged for serving.

    Storage

    Store 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.

    Expert 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!

    More Summer Dessert and Snack Recipes:

    • Vegan Chocolate Raspberry Smoothie
    • Gluten-Free Strawberry Muffins with Chocolate (dairy-free)
    • Mocha Chia Pudding
    • Gluten-Free Blueberry Muffins with crisp cinnamon sugar
    • Pie Iron Apple Pie >> make dessert over a campfire

    Love this recipe? Please leave a 5-star 🌟🌟🌟🌟🌟rating in the comment field or recipe card below. Thank you!

    Print

    S'mores Bites

    Pieces of S'mores rocky road arranged for serving and ready to eat!
    Print Recipe
    Pin Recipe

    ★★★★★

    5 from 1 review

    This S’mores Bites recipe uses only 5 ingredients and takes 15 minutes of hands-on time to make! The graham crackers stay crunchy, the marshmallows are fluffy, and the peanut butter gives them an ultra-creamy texture.

    • Author: Jamie Monkkonen
    • Prep Time: 5
    • Cook Time: 10
    • Total Time: 15 minutes
    • Yield: 27 pieces 1x
    • Category: Dessert, Holiday
    • Method: Stove
    • Cuisine: American
    • Diet: Vegetarian

    Ingredients

    Units Scale
    • 1 cup semi-sweet mini chocolate chips
    • ¼ cup unsweetened peanut butter
    • 2 tablespoons 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

    1. Line the pan: Line a loaf pan with parchment paper. For a double batch, use a 9x9 or 8x8 inch square pan.
    2. 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.
      Overhead view of a medium pot with melted chocolate mixture.
    3. 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.
      Graham Cracker pieces disbursed in the rocky road chocolate mixture.
    4. Marshmallows: Add the marshmallows and stir gently to coat.
      Using a silicon spatula to gently incorporate mini marshmallows into the chocolate and graham cracker mixture.
    5. Spread in the pan: Spread the mixture in the lined pan by gently pressing it into the corners with a spatula.
      Using a rubber spatula to gently press the rocky road mixture into the corners of the pan.
    6. Toppings: Arrange additional mini marshmallows and remaining graham cracker pieces across the top to decorate and refrigerate until firm (about 2 hours).
      S'mores Rocky Road in a loaf-pan shape, cooled and ready to be cut into bite-sized pieces.
    7. 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.
      Overhead view of an arrangement of bite-sized S'mores Rocky Road pieces to show a mixture of awesome textures and flavors!

    Notes

    Make it vegan: Use vegan marshmallows for a vegan dessert!

    Read the blog post for more allergy-friendly substitutions.

    Storage:  Store 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.

    Keywords: s'mores bites, no bake s'mores bar, best s'mores dessert

    Did you make this recipe?

    Please leave a ⭐️⭐️⭐️⭐️⭐️ rating in comment field further down. Thank you!

    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

    « Vegan Chocolate Raspberry Smoothie
    Refreshing Strawberry Basil Smoothie »

    Subscribe

    for email updates!

    Reader Interactions

    Comments

    1. Cora

      July 25, 2022 at 8:27 pm

      Wow!! These are incredible and taste just like s’mores. I love the peanut butter. We can’t stop eating them!

      ★★★★★

      Reply

    Leave a Reply Cancel reply

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

    Recipe rating ★ 5 Stars ☆ ★ 4 Stars ☆ ★ 3 Stars ☆ ★ 2 Stars ☆ ★ 1 Star ☆
    Recipe Rating




    Primary Sidebar

    About Jamie

    A headshot of Jamie, the blogger behind Vibrantly G-Free, outside in a forest wearing a blue top.

    After a celiac diagnosis, I went from a food lover to eating because I had to. Then, with the help of this blog and community, I re-worked my life and my recipes to love food again. Thank you for being here.

    More about my journey →

    Reader Favorites

    • Three crusty gluten free french baguettes freshly baked on a pan.
      Foolproof Gluten-Free French Baguette
    • Hero image of a slice of dairy free tiramisu with fresh berries on top and a piece of chocolate with a mint leaf on the side of the plate.
      Impossibly Authentic Dairy Free Tiramisu
    • Side view of a bowl of coconut dairy-free whipped cream with a scoop removed to show the light and fluffy texture.
      Essential Dairy-Free Whipped Cream in 5 minutes
    • A women enjoying gluten free food on the beach.
      How to go Gluten Free - 10 BEST tips for Beginners
    • A grocery shopping bag with "Printable Gluten Free Grocery List" text overlay.
      Printable Gluten Free Grocery List + 10 Tips!
    • An easy shrimp paella served in a bowl with a lemon wedge and garnished with parsley.
      Easy Paella Recipe

    Trending Summer Recipes

    • Pie Iron Apple Pie PIN 2
      Pie Iron Apple Pie >> make dessert over a campfire
    • A zoomed in view of the corner of a piece of gluten free rhubarb cake to show the layers and crisp topping.
      Gluten Free Rhubarb Cake with strawberries
    • A serving of Stracciatella Dairy-Free and Vegan Gelato in a small clear glass mug.
      Dairy Free Gelato
    • Pieces of S'mores rocky road arranged for serving and ready to eat!
      S'mores Bites
    • Two stacked gluten free blueberry muffins with a bite removed from one to show fluffy texture and tons of blueberries!
      Gluten-Free Blueberry Muffins
    • A tall glass of strawberry basil smoothie with a strawberry and basil leaves to garnish.
      Refreshing Strawberry Basil Smoothie

    About Jamie

    A headshot of Jamie, the blogger behind Vibrantly G-Free, outside in a forest wearing a blue top.

    After a celiac diagnosis, I went from a food lover to eating because I had to. Then, with the help of this blog and community, I re-worked my life and my recipes to love food again. Thank you for being here.

    More about my journey →

    Reader Favorites

    • Three crusty gluten free french baguettes freshly baked on a pan.
      Foolproof Gluten-Free French Baguette
    • Hero image of a slice of dairy free tiramisu with fresh berries on top and a piece of chocolate with a mint leaf on the side of the plate.
      Impossibly Authentic Dairy Free Tiramisu
    • Side view of a bowl of coconut dairy-free whipped cream with a scoop removed to show the light and fluffy texture.
      Essential Dairy-Free Whipped Cream in 5 minutes
    • A women enjoying gluten free food on the beach.
      How to go Gluten Free - 10 BEST tips for Beginners
    • A grocery shopping bag with "Printable Gluten Free Grocery List" text overlay.
      Printable Gluten Free Grocery List + 10 Tips!
    • An easy shrimp paella served in a bowl with a lemon wedge and garnished with parsley.
      Easy Paella Recipe

    Trending Summer Recipes

    • Pie Iron Apple Pie PIN 2
      Pie Iron Apple Pie >> make dessert over a campfire
    • A zoomed in view of the corner of a piece of gluten free rhubarb cake to show the layers and crisp topping.
      Gluten Free Rhubarb Cake with strawberries
    • A serving of Stracciatella Dairy-Free and Vegan Gelato in a small clear glass mug.
      Dairy Free Gelato
    • Pieces of S'mores rocky road arranged for serving and ready to eat!
      S'mores Bites
    • Two stacked gluten free blueberry muffins with a bite removed from one to show fluffy texture and tons of blueberries!
      Gluten-Free Blueberry Muffins
    • A tall glass of strawberry basil smoothie with a strawberry and basil leaves to garnish.
      Refreshing Strawberry Basil Smoothie

    Footer

    Footer

    ↑ back to top

    About

    • Privacy Policy
    • Amazon Disclaimer
    • Accessibility Policy

    Newsletter

    • Sign Up for emails and updates

    Contact

    • Contact
    • Services
    • Media Kit
    • FAQ

    Copyright © 2023 Vibrantly G Free

    Pieces of S'mores rocky road arranged for serving and ready to eat!
    Pieces of s'mores rocky road arranged on a plate and ready for serving at a party.
    Pieces of S'mores rocky road arranged for serving and ready to eat!