Irresistible Vegan S’mores Squares

Welcome to the ultimate guide for creating the most irresistibly gooey and chocolatey vegan s’mores bars! Imagine all the joy of a campfire s’more, transformed into a convenient, delightful bar that’s not only incredibly easy to make but also completely vegan, dairy-free, eggless, and can even be gluten-free. These bars are designed to surprise and delight, proving that plant-based treats can be just as decadent, if not more so, than their traditional counterparts.

These s’mores cookie bars are a masterpiece of layers: a rich, chewy chocolate chip cookie base, followed by crisp Biscoff cookies (our secret weapon for the “graham cracker” crunch), generously melted vegan chocolate, and a cloud of homemade vegan marshmallow fluff. All this goodness is then topped with another layer of chocolate chip cookie dough, creating a truly spectacular dessert that’s perfect for sharing with a crowd or indulging in yourself. You won’t believe how simple it is to achieve such a luxurious treat without any eggs, dairy, or gelatin!

Stacked gooey vegan s'mores cookie bars, showcasing the melted chocolate and fluffy marshmallow layers

Why You’ll Fall in Love with These Vegan S’mores Cookie Bars

If you’re a s’mores enthusiast, prepare to meet your new obsession. These bars offer everything you adore about the classic campfire treat – the melt-in-your-mouth chocolate, the perfectly toasted marshmallow, and the satisfying crunch of a graham cracker – all in a convenient, portable bar form. But what truly sets them apart is their incredible accessibility and flavor profile, making them a favorite for vegans and non-vegans alike.

  • Effortlessly Easy: Forget complicated techniques or lengthy chilling times. Our no-chill cookie dough and straightforward assembly mean you can whip up these decadent bars in no time, making them ideal for spontaneous baking or last-minute party preparations.
  • Unbelievably Vegan: We’ve mastered the art of creating a s’mores bar that’s utterly free from animal products (no eggs, dairy, or gelatin!) yet tastes indistinguishable from its traditional counterpart. The rich chocolate, fluffy marshmallow, and chewy cookie base will fool even the most discerning palate.
  • Gluten-Free Friendly: With simple ingredient swaps, these bars can easily be made gluten-free without sacrificing any of the taste or texture. We’ll guide you through the best flour alternatives to ensure a perfect result every time.
  • Layers of Pure Bliss: Each bite delivers a symphony of textures and flavors – the soft chew of the cookie, the delightful crunch of Biscoff, the molten chocolate, and the sweet, airy marshmallow fluff. It’s a dessert experience that truly has it all.
Broken open vegan s'mores cookie bar, revealing the rich layers of chocolate, marshmallow, and cookie

Expand Your Vegan S’mores Repertoire!

Are you utterly obsessed with all things s’mores? Don’t stop here! Explore our other sensational vegan s’mores creations. For a show-stopping celebration, try our vegan s’mores cake, or for individual treats, our vegan s’mores cupcakes are an absolute dream. Each recipe brings that nostalgic campfire magic to life in a plant-based way!

Essential Ingredients for Perfect Vegan S’mores Bars

Crafting these delectable vegan s’mores bars is surprisingly simple, primarily because the ingredients are readily available and require no special trips to specialty stores. You’ll essentially be making a batch of our beloved vegan chocolate chip cookies, a quick vegan chocolate ganache, and a delightful homemade marshmallow fluff. Let’s dive into the key components:

For the Chewy Cookie Layers:

The foundation of these bars starts with a modified version of our classic vegan chocolate chip cookies, ensuring a rich, tender, and incredibly satisfying base and topping.

  • All-Purpose Flour (or Gluten-Free Blend): For a classic cookie texture, standard all-purpose flour works wonderfully. However, for those seeking a gluten-free option, a 1:1 gluten-free baking flour blend is an excellent substitute. I’ve personally had fantastic results with King Arthur Measure for Measure gluten-free flour, yielding bars so perfect that even my discerning 80-year-old grandmother couldn’t tell they were gluten-free!
  • Baking Soda & Baking Powder: These leavening agents are crucial for giving our cookie layers the perfect rise and chewiness, ensuring they’re not too dense.
  • Vegan Butter: High-quality vegan butter is key for flavor and richness. I often use Miyoko’s Kitchen Cultured Vegan Butter for its superior taste and texture, but for a nut-free alternative, Violife Plant Butter sticks are an excellent choice that melts beautifully. Ensure your butter is melted and cooled to room temperature for the best results.
  • Unsweetened Dairy-Free Yogurt: This acts as our vegan egg replacement, providing essential moisture and helping to bind the cookie dough. Make sure it’s plain and unsweetened. Room temperature yogurt blends more smoothly into the wet ingredients.
  • Brown Sugar and Granulated Sugar: A harmonious blend of both sugars is vital. The brown sugar contributes to a rich, moist, and wonderfully chewy texture, while the granulated sugar ensures a crisp edge and overall sweetness.
  • Vegan Chocolate Chips & Chopped Vegan Chocolate Bar: You’ll want a good mix here! Standard vegan chocolate chips are perfect for scattering throughout the dough. For a lower-sugar option that’s still incredibly rich, I recommend Pascha Chocolate’s stevia-sweetened chocolate chips. Additionally, a chopped vegan chocolate bar (like Endangered Species, Pascha Chocolate, or Theo) adds pockets of intensely molten chocolate goodness in the center.
Sliced vegan s'mores cookie bars with marshmallow and chocolate visible

For the Decadent S’mores Filling:

These are the core elements that bring the “s’mores” magic to life within our cookie bars.

  • Biscoff Cookies: These beloved spiced shortbread cookies serve as the perfect vegan “graham cracker” layer. Their crisp texture and unique flavor add an irresistible depth to the bars. For a gluten-free option, I highly recommend using Camila from Pies & Tacos’ vegan graham cracker recipe, swapping in gluten-free flour. I make them regularly for friends and family with dietary needs, and they are truly amazing!
  • High-Quality Vegan Chocolate Bars: Beyond the chips in the cookie dough, you’ll want solid bars of premium vegan chocolate for the ultimate molten center. Brands like Endangered Species, Pascha Chocolate, and Theo offer rich, creamy options that melt beautifully, creating that signature gooey s’mores experience.
  • Vegan Marshmallows & Maple Syrup for Fluff: The heart of any s’more! For the homemade vegan marshmallow fluff, you’ll need a bag of good quality vegan marshmallows. Dandies are a popular and reliable choice, as are Trader Joe’s marshmallows, which are naturally vegan. Combined with a touch of maple syrup, these melt down into a luscious, sticky fluff that toasts perfectly when baked.

Crafting Your Own Vegan S’mores Bars: A Detailed Guide

Get ready to be amazed at how simple it is to bring these incredible vegan s’mores bars to life. It’s essentially as straightforward as making a batch of chocolate chip cookies, but instead of scooping individual cookies, you’re layering a masterpiece. For precise measurements and full written instructions, please refer to the comprehensive recipe card located at the bottom of this post. Here, we’ll walk through the fundamental steps with helpful tips.

Step 1: Prepare Your Cookie Dough Layers

This part of the recipe is adapted from our tried-and-true vegan chocolate chip cookie recipe. You’ll begin by whisking together all the wet ingredients – the melted and cooled vegan butter, both types of sugar, dairy-free yogurt, and vanilla extract – until beautifully combined. Next, gently fold in your dry ingredients: the sifted flour (or gluten-free blend), cornstarch, baking soda, and sea salt. Mix until just a few dry streaks remain. Finally, stir in your vegan chocolate chips and chopped chocolate bar, ensuring they are evenly distributed without overmixing the dough.

Step 2: Initial Assembly of the Bars

Divide your freshly made cookie dough roughly in half. Press one half firmly and evenly into your prepared 8×8-inch baking dish, which should be greased and lined with parchment paper. This forms your delightful bottom cookie layer. On top of this, arrange a single layer of Biscoff cookies (or your gluten-free graham cracker alternative), covering the entire surface. Finally, place your vegan chocolate bars directly on the cookies. Set this partially assembled base aside, along with the remaining cookie dough, while you quickly prepare the marshmallow fluff.

Step 3: Crafting the Silky Vegan Marshmallow Fluff

In a medium saucepan on the stovetop, combine your vegan marshmallows and maple syrup. Heat this mixture over medium-low heat, keeping the pan covered. Allow the marshmallows to melt down and become incredibly soft and almost liquid-like, which usually takes about 5-7 minutes. Once they’re soft, remove the pan from the heat and, using a sturdy rubber spatula, whisk vigorously. The goal is to combine everything into a smooth, shiny, and very sticky fluff. Work quickly from here!

Step 4: Layering the Marshmallow Fluff

As soon as your marshmallow fluff is ready, swiftly spread it evenly over the layer of vegan chocolate in your baking dish. Don’t worry if the chocolate starts to melt slightly from the warmth of the fluff – that’s part of the gooey magic! To make spreading easier, sometimes having a second spatula or knife can be helpful. Aim to spread the fluff nearly to the edges of the cookie layer below, but not quite touching the walls of the pan. This helps with containment during baking.

Step 5: The Final Cookie Dough Top Layer

Now, take the remaining half of your cookie dough and carefully press it over the marshmallow fluff layer. The dough might be a bit tricky to spread over the sticky fluff, so you can gently flatten pieces of it in your hands before placing them. Once the top layer is in place, the crucial step is to gently press down the cookie dough along the sides, creating almost an “encasement” around the inner s’mores layers. This clever technique prevents the marshmallow from bubbling out of the sides during baking.

Pro Tip for Perfection: When adding the top cookie layer, pay extra attention to pressing the dough down firmly around the perimeter. This creates a seal that effectively “encases” the gooey marshmallow and chocolate, ensuring they stay perfectly nestled within the cookie bars and don’t seep out during baking. This small step makes a big difference in the final presentation and integrity of your bars.

Vegan marshmallows melting in a pan with maple syrup for fluff
Smooth vegan marshmallow fluff in a pan, ready for layering
Assembling the layers of vegan s'mores cookie bars in a baking pan
Close-up of the assembled vegan s'mores cookie bars before baking
Freshly baked vegan s'mores cookie bars in the pan, golden brown on top
A sliced vegan s'mores cookie bar, showcasing the melted chocolate and marshmallow

Step 6: Bake, Cool, and Serve Your Masterpiece

Once assembled, place your baking dish into the preheated oven and bake for approximately 40 minutes, or until the top cookie layer is beautifully golden brown. The aroma filling your kitchen will be absolutely divine! After baking, it’s crucial to resist the urge to slice immediately. Allow the s’mores bars to cool for at least 30 minutes in the pan. This cooling period is essential for the marshmallow and chocolate layers to set properly, ensuring clean, gooey slices. Once cooled, use a clean, sharp kitchen knife to slice the bars into your desired portions. For the neatest cuts, wipe your knife clean between each slice. Serve warm for optimal gooeyness and prepare for rave reviews!

Frequently Asked Questions About Vegan S’mores Bars

What marshmallows are truly vegan?

This is a critical question for any vegan s’mores recipe! Traditional marshmallows typically contain gelatin, which is an animal-derived product. However, many fantastic vegan marshmallow brands are now widely available. For this recipe, I highly recommend Dandies marshmallows or Trader Joe’s marshmallows, both of which are naturally vegan and do not contain gelatin. Always double-check the ingredients list on any marshmallow brand to ensure it’s free of gelatin and other animal products.

What’s the optimal gluten-free flour for these bars?

While I have tested these s’mores bars with oat flour, it’s not my top recommendation for the ultimate texture. Oat flour can result in a more tender, almost crumbly bar, and while still delicious, it doesn’t quite replicate the perfect chewiness of traditional flour. If you do opt for oat flour, I suggest adding an extra tablespoon of arrowroot starch to help with binding. For truly undetectable gluten-free s’mores bars that maintain a fantastic texture, King Arthur Measure for Measure gluten-free flour is by far the best choice. It consistently yields results that are indistinguishable from their gluten-containing counterparts.

Can I substitute coconut oil for vegan butter in the cookie layers?

Yes, you can use coconut oil as a substitute for vegan butter in the cookie bar layers. However, be aware that doing so may impart a subtle coconut flavor to your bars. If you enjoy coconut, this won’t be an issue, but if you prefer a neutral butter flavor, stick with vegan butter. Also, ensure the coconut oil is melted and cooled to room temperature, just like the vegan butter, for proper incorporation into the dough.

Can I prepare these vegan s’mores bars in advance?

Absolutely! These bars are excellent for making ahead. You can prepare them completely and store them at room temperature for up to 5 days, or in the refrigerator for up to a week. For the ultimate gooey experience, I recommend gently reheating individual slices in the microwave for 15-20 seconds before serving.

How should I store leftover s’mores bars?

Store any leftover vegan s’mores bars in an airtight container at room temperature for up to 5 days. For longer storage, you can keep them in the refrigerator for up to 1 week. If you choose to refrigerate, remember to warm them slightly before serving to bring back that delicious melted chocolate and gooey marshmallow texture.

Can these s’mores bars be frozen?

Yes, these bars freeze beautifully! Once completely cooled, slice the bars and place them in an airtight, freezer-safe container, separating layers with parchment paper to prevent sticking. They can be stored in the freezer for up to 3 months. When ready to enjoy, thaw them at room temperature or gently warm them in the microwave until gooey.

Stacked vegan s'mores cookie bars on parchment paper, ready to be served

We are absolutely thrilled for you to experience the magic of these chewy and gooey vegan s’mores bars! They truly capture the essence of a cozy campfire treat, making them perfect for summertime gatherings, holiday celebrations, or simply as an anytime indulgent dessert. Their incredible flavor and delightful texture are sure to impress every guest, vegan or not.

If you embark on this delicious baking adventure and make these easy s’mores bars, we would love to hear from you! Please consider leaving a comment down below and a well-deserved rating ⭐️⭐️⭐️⭐️⭐️. Your feedback helps other dessert lovers discover and enjoy this incredible recipe!

As always, we absolutely adore seeing your beautiful culinary creations. Be sure to tag us on Instagram and Pinterest when you share your delicious results. Happy s’mores bar baking!

Planning to make this recipe later? Pin it to your favorite dessert board on Pinterest!

Pinterest pin for Gooey Vegan S'mores Cookie Bars

If you try this recipe, please be sure to leave a comment and a rating ⭐️⭐️⭐️⭐️⭐️ below. Your honest feedback is invaluable and helps other foodies find these fantastic recipes! Don’t forget to tag us on Instagram and Pinterest with #thebananadiaries so we can admire your delicious creations!


Print

clock icon cutlery icon flag icon folder icon instagram icon pinterest icon facebook icon print icon squares icon heart icon heart solid icon

Stacked vegan s'mores cookie bars

Gooey Vegan S’mores Cookie Bars


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

5 from 4 reviews

  • Author:
    Britt Berlin


  • Prep Time:
    20 minutes


  • Cook Time:
    40 minutes


  • Total Time:
    1 hour + cooling


  • Yield:
    18 1x bars


  • Category:
    Dessert, Bars


  • Method:
    Baking


  • Cuisine:
    American


  • Diet:
    Vegan, Dairy-Free, Eggless (Gluten-Free Option)
Print Recipe

Description

These irresistibly gooey and chocolatey vegan s’mores cookie bars are a dream come true! Featuring layers of rich vegan chocolate chip cookie dough, crisp Biscoff cookies (or gluten-free graham crackers), decadent melted vegan chocolate, and luscious homemade vegan marshmallow fluff, they perfectly capture the campfire magic in bar form. Completely free of eggs, dairy, and gelatin, and easily made gluten-free, they’re surprisingly simple to prepare and guaranteed to be a crowd-pleaser for any occasion.


Ingredients


Scale

Cookie Layer (adapted from my Simple Vegan Chocolate Chip Cookies):

  • 2 1/4 cups (300 g) all-purpose flour or gluten-free 1:1 baking flour (sifted and spoon & leveled)*
  • 2 tsp cornstarch
  • 1/2 tsp baking soda
  • 1/8 tsp sea salt
  • 3/4 cup (170 g) salted vegan butter, melted and cooled to room temperature
  • 2/3 cup (130 g) organic granulated sugar
  • 1 cup (200 g) light brown sugar, packed
  • 1/2 cup (110 g) unsweetened dairy-free yogurt or unsweetened applesauce, room temperature
  • 1 tsp vanilla extract
  • 1 bar vegan chocolate, chopped (e.g., Endangered Species, Pascha, Theo)
  • 1 cup (170 g) vegan chocolate chips

S’mores Cookie Bar Filling Layers:

  • 10-12 Biscoff cookies (approx. 2 rows of 5-6 cookies), plus more for topping if desired
  • 2 vegan chocolate bars (standard size, for melting in the center)

Homemade Vegan Marshmallow Fluff:

  • 1 (10 oz / 283g) bag vegan marshmallows (e.g., Dandies, Trader Joe’s)
  • 1 tbsp maple syrup


Instructions

  1. Prepare Your Workspace: Preheat your oven to 350°F (175°C). Lightly grease an 8×8-inch (20×20 cm) baking dish, then line it with parchment paper, allowing an overhang on two sides for easy removal later. Set aside.
  2. Whip Up the Cookie Dough: In a large mixing bowl, thoroughly whisk together the melted and cooled vegan butter, organic granulated sugar, light brown sugar, room-temperature dairy-free yogurt (or applesauce), and vanilla extract until the mixture is smooth and well combined. Next, add the dry ingredients: the sifted all-purpose (or gluten-free 1:1) flour, cornstarch, baking soda, and sea salt. Using a rubber spatula, gently mix the dry ingredients into the wet until only a few dry streaks of flour remain. Fold in the chopped vegan chocolate bar pieces and the vegan chocolate chips until they are just evenly distributed throughout the dough. Avoid overmixing.
  3. Assemble the Bottom Layer: Divide your prepared cookie dough into two equal halves. Press one half firmly and evenly into the bottom of your parchment-lined 8×8-inch baking dish to create a dense, delicious cookie base. On top of this cookie layer, arrange the Biscoff cookies in a single layer, ensuring they cover most of the surface. Then, place the two vegan chocolate bars directly on top of the Biscoff cookies. Set this base and the remaining cookie dough aside while you prepare the marshmallow fluff.
  4. Create the Vegan Marshmallow Fluff: It’s important to read the next two steps before starting this part, as speed is key! In a medium saucepan, combine the vegan marshmallows and maple syrup. Place the pan on the stovetop over medium-low heat and cover it. Allow the marshmallows to melt until they become super soft and nearly liquid-like, which should take approximately 5-7 minutes. Once softened, remove the pan from the heat. Using a sturdy rubber spatula, whisk vigorously and continuously until the marshmallows and syrup combine into a smooth, glossy, and very sticky fluff.
  5. Spread the Marshmallow Fluff Quickly: Working swiftly, spread the warm marshmallow fluff evenly over the chocolate bar layer in your baking dish. The heat from the fluff will cause the chocolate to begin melting – this is perfectly normal and contributes to the gooey texture. If needed, use two spatulas or knives to help spread the sticky fluff smoothly. You don’t need the fluff to reach the absolute edges of the pan, but ensure it forms a consistent layer over the chocolate.
  6. Complete the Cookie Bar Assembly: Take the second half of your cookie dough. Gently flatten pieces of the dough in your hands and press them over the marshmallow fluff layer, forming the top cookie crust. Once the top layer is in place, firmly press the cookie dough along all the edges of the pan to create a seal, effectively encasing the marshmallow and chocolate layers inside. This crucial step helps prevent the marshmallow from seeping out during baking. For an extra touch, you can sprinkle crumbled Biscoff cookies on top of the cookie dough before baking.
  7. Bake to Golden Perfection: Carefully place your assembled s’mores cookie bars in the preheated oven. Bake for approximately 40 minutes, or until the top cookie layer is beautifully golden brown and the edges are set.
  8. Cool and Slice with Care: Remove the baked s’mores bars from the oven and allow them to cool in the pan for at least 30 minutes. This cooling time is essential for the marshmallow and chocolate layers to set properly, ensuring that your bars hold their shape when sliced. Once cooled, use a clean, sharp kitchen knife to slice the bars into your desired portions. For the cleanest cuts, wipe your knife clean with a damp cloth between each slice to remove any sticky marshmallow or chocolate residue.
  9. Serve and Savor! Serve your gooey vegan s’mores bars warm for the best experience. Store any leftover bars in an airtight container at room temperature for up to 5 days, or in the refrigerator for up to 3 months. To enjoy refrigerated or frozen bars, simply reheat them in the microwave for 15-20 seconds to restore their irresistible gooey texture.

Notes

Gluten-Free Adaptation: To make these s’mores bars entirely gluten-free, substitute the all-purpose flour in the cookie layers with an equal amount of King Arthur Measure for Measure gluten-free flour. For the graham cracker layer, instead of Biscoff cookies, prepare Pies & Tacos’ Vegan Graham Crackers recipe, ensuring you use gluten-free flour for those as well. This combination will yield spectacular gluten-free vegan s’mores cookie bars that everyone can enjoy!

Flavor Variations: Feel free to experiment with different vegan chocolate bar flavors for the filling, such as dark chocolate, milk chocolate alternative, or even a hint of mint. You can also add a sprinkle of sea salt on top of the finished bars before cooling for a delightful sweet and salty contrast.

Did you make this recipe?

Be sure to leave a rating and a review in the section below, and tag @the_bananadiaries on Instagram and hashtag it #thebananadiaries so we can see!