These soft and chewy vegan chocolate chip cookie bars are quick and easy to make! They take a bit less effort than classic chocolate chip cookies and don’t require a mixer or any dough chilling.

Close up of vegan chocolate chip cookie bars.

Ingredients You’ll Need

Flat-lay of ingredients for vegan chocolate chip cookie bars.

The full list of ingredient quantities and instructions are in the recipe card at the bottom of this post.

Notes About the Ingredients

Melted vegan butter for denser chocolate chip cookie bars! And since the butter is melted, we don’t need to use a mixer to make the dough.

Light brown sugar for depth of flavor and added moisture. And a little granulated sugar so the cookie bars aren’t overly chewy.

Dairy-free yogurt adds more moisture to the cookie bars. You can substitute this with equal amounts of dairy-free milk, but your cookie bars will just be drier after the first day (if you haven’t eaten the whole batch already!).

Baking powder for a little lift, and baking soda to help with caramelization and browning.

Dairy-free chocolate. You can use chocolate chips or a chopped chocolate bar.

Cornstarch (optional) makes these cookie bars softer, especially the edges! Alternatively, you can use a little more flour – the edge slices will just be a little crispier.

Cookie bars sprinkled with salt on parchment paper.

One of the best things about these vegan cookie bars is that you don’t need a mixer! Just add the butter and wet ingredients to a large bowl and whisk until combined. If you have time, try to dissolve as much of the sugar as possible as this will give your cookie bars a slightly crackly top.

At this stage, it’s okay if your butter is warm! However, make sure the wet mixture has cooled before you add the dry ingredients as we don’t want to activate the raising agents. Overly warm butter will also melt the chocolate that we’ll add later!

Two image collage of bowl with wet ingredients before mixing, then dry ingredients on top.

Then add all the dry ingredients (except the chocolate chips) and stir. The cookie dough should be very soft and fudgy… you’ll almost want to eat the whole thing straight from the bowl!

Finally, sprinkle in your chocolate chunks/chips and fold until just combined. Try to avoid overmixing the dough because this will activate the gluten and lead to overly dense and chewy cookie bars.

Two image collage of mixed cookie dough, before and after chocolate chunks have been mixed.

The dough should be soft enough for you to press into a square cake pan and easily smooth the top. If you want an extra smooth surface, you can use a slightly wet offset spatula to smooth it out. And feel free to press extra chocolate chunks on the top of your bars!

The cookies bars are ready when the surface is evenly golden brown. The edges will look a bit cooked and the middle will still be very soft and even a bit wobbly.

The hardest thing about this recipe is waiting for the cookie bars to cool down. Place the pan on a cooling rack and let it cool in the pan for about 45 minutes to 1 hour. The bars are easier to cut when they’ve mostly cooled down!

Two image collage of square baking pan with raw cookie dough and baked cookie bars.

How is this Recipe Different from my Chocolate Chip Cookies

Sometimes, scaling up a recipe into a bigger portion just doesn’t work!

Even though my original chocolate chip cookie recipe is perfect as it is (that recipe took 10 trials!), the recipe doesn’t bake evenly in a larger pan. Instead, the edges would turn out extra crispy, with an extra fudgy and slightly raw center.

My team and I experimented with different types of raising agents, sugars, creamed versus melted butter, different baking temperatures, pans and times. The solution was the ratio of flour, butter and sugar. I increased the butter (for richness) and the flour (for stability) to get a more consistent soft and chewy texture for these bars.

Close up of the gooey texture of three chocolate chip cookie bars.

Customizing the Recipe

Can I use gluten-free flour?

Yes, this recipe works well with King Arthur’s measure for measure flour and no other changes! Your dough may be a slightly different consistency but they will still bake well.

Can I add any other ingredients to these vegan chocolate chip cookie bars?

Yes! To the dough, you can add:
– chopped pecans and walnuts
– chopped pretzels
– freeze-dried fruit such as strawberries or raspberries

Adding other ingredients adds more bulk to the recipe so you may need to bake the bars for an extra few minutes.

Can I prepare the cookie bars in advance and chill/freeze them?

Yes! If you’re baking them from the refrigerator, just bake the bars for an extra few minutes. Over time, the cookie dough will oxidize and darken in color, but the bars will still taste great.

Troubleshooting Tips

My cookie dough feels greasy

The cookie dough is meant to be very soft! However, if you’re making this recipe on a hot day, or are in the beginning stages of overmixing, the butter can separate from the dough. Don’t worry! To fix it, simply pop the bowl in the refrigerator for 10-20 minutes and the dough will come together.

Close up of one chocolate chip cookie bar with a bite taken out.

Follow Rainbow Nourishments on Instagram, Facebook, TikTok and Pinterest, and subscribe via email to receive all of our latest recipes!

Close up of vegan chocolate chip cookie bars.
5 from 1 review

Vegan Chocolate Chip Cookie Bars

These soft and chewy vegan chocolate chip cookie bars are quick and easy to make! They take a bit less effort than classic chocolate chip cookies and don't require a mixer or any dough chilling.

Ingredients

Instructions 

  • Preheat the oven to 180°C (355°F). Line a 9" (23cm) square baking pan with parchment paper overhanging.
  • Add the butter, both sugars, yogurt and vanilla to a large bowl. Mix until combined and some of the sugar has dissolved.
  • Add the all-purpose flour, cornstarch, raising agents, and salt and mix until just combined. The dough should be very soft and tacky. Add all the chocolate and mix through.
  • Scoop the cookie dough into your prepared pan and smooth the top. If desired, top with additional chocolate chunks/chips.
  • Bake the cookie bars for 25-28 minutes or until they're evenly golden brown on top. For softer cookie bars, bake for less time. Place the baking pan on a wire rack and let the cookie bars in the pan cool for 45 minutes to 1 hour.
  • When the cookie bars are room temperature, remove them from the pan, cut into bars and enjoy!
  • Store leftover cookie bars in an airtight container at room temperature for 3-5 days or in the refrigerator for up to 1 week. The bars also freeze well for up to 1 month.

Notes

  1. These cookies will work with a vegan spreadable butter but your cookie bars will be slightly less rich.
  2. Alternatively, you can use the same amount in unsweetened applesauce. Cookie bars made with milk, yogurt or applesauce all taste the same on the day of baking. However, if you make them with yogurt or applesauce, they’ll stay softer for a few extra days.
  3. Measure the flour accurately: If you’re using measuring cups, ensure you spoon and level your flour otherwise your cookie bars will be drier. To do this, fluff up the flour in the bag, use a spoon to add flour to your measuring cup, then level it off with a knife. For the best results, use an electric kitchen scale and measure in grams.
    Gluten-free version: This recipe works well with King Arthur’s measure for measure gluten-free flour without any other changes. Other gluten-free flours may have different results.
  4. Cornstarch helps these cookies stay soft, especially the edges! Alternatively, you can just use more flour.
Did you Make this Recipe?Rate it & leave your feedback in the comments section below, or tag @rainbownourishments on Instagram and hashtag #rainbownourishments!

This post may contain affiliate links. As an Amazon Associate, I may earn a small commission from qualifying purchases at no additional cost to you.