Deliciously Dairy-Free Gluten-Free Chocolate Chip Cookie Bars

These gluten-free cookie bars are an absolute game-changer, offering the ultimate indulgent cookie experience that’s destined to become your go-to dessert! Each bite promises a symphony of flavor and texture – they are irresistibly delicious, perfectly gooey, wonderfully chewy, and bursting with that classic chocolate chip cookie taste we all adore. The best part? They are thoughtfully crafted to be both dairy-free and gluten-free, making them accessible and enjoyable for a wider audience without compromising on flavor or decadence.

Gluten Free Cookie Bars stacked on top of each other, showcasing their rich texture.
Decadent gluten-free and dairy-free chocolate chip cookie bars.

You absolutely NEED this recipe for chewy gluten-free cookie bars in your life. They don’t just hit the spot; they redefine it! These bars are consistently a crowd-pleaser, perfect for potlucks, parties, or simply a comforting treat at home. What truly sets them apart is their slightly healthier profile compared to your average cookie bar. By using wholesome olive oil instead of traditional butter and a reliable gluten-free flour blend, we’ve created a dessert that’s both deeply satisfying and mindful of dietary needs. Prepare to fall in love with these effortlessly delicious and wholesome treats.

If you’re passionate about discovering more delightful gluten-free and dairy-free desserts, you’re in for a treat! Be sure to explore some of our other cherished recipes, including my light and fluffy paleo apple muffins, the wonderfully crisp almond oatmeal cookies, or the vibrant and fresh strawberry crisp. Each recipe is crafted with flavor and dietary considerations in mind, ensuring a truly enjoyable experience.

Table of Contents

  • Why this recipe works
  • Essential Recipe Ingredients
  • Additions and Substitutions for Your Cookie Bars
  • Easy Step-by-Step Instructions
  • Expert Tips for Perfect Gluten-Free Cookie Bars
  • Recipe FAQs
  • More Delicious Cookie Bar Recipes You’ll Love
  • Gluten Free Cookie Bars with Chocolate Chips (Dairy free) Recipe Card

Why This Gluten-Free Cookie Bar Recipe Is a Must-Try

These gluten-free and dairy-free cookie bars aren’t just a delightful treat; they’re a smart choice for a variety of reasons. Their simplicity and incredible adaptability make them a staple in any baker’s repertoire, especially for those navigating specific dietary requirements.

  • They are incredibly easy to customize: This recipe offers a fantastic base for your creativity. You can effortlessly switch out the chocolate chips for a variety of additions like crunchy nuts, vibrant chocolate candies, decadent white chocolate chips, rich dark chocolate chips, or any of your favorite dairy-free chocolate chips. This versatility ensures that every batch can be a new and exciting experience tailored to your personal cravings or special occasions.
  • They are perfect for those following a gluten-free diet or a dairy-free diet: Crafted specifically to omit gluten and dairy, these cookie bars are an ideal dessert solution for individuals with sensitivities or dietary preferences. They deliver all the flavor and texture of traditional cookie bars without any of the ingredients you’re avoiding, allowing everyone to indulge without worry.
  • They are allergy-friendly: Beyond being dairy-free and gluten-free, this recipe is also naturally nut-free and soy-free, making it a truly inclusive dessert option. This means you can confidently serve these delicious bars at gatherings, knowing they accommodate a wide range of common allergens and ensuring peace of mind for you and your guests.
  • Made with slightly healthier ingredients: While undeniably indulgent, these cookie bars incorporate healthier alternatives like olive oil instead of butter, contributing to a lighter profile. Despite these mindful ingredient choices, the taste and texture are so rich and satisfying that you would never guess they’re a healthier option.
  • They have less sugar than your average cookie bar: We’ve carefully balanced the sweetness to ensure these bars are perfectly delightful without being overly sugary. This reduction in sugar content allows the natural flavors of the chocolate and other ingredients to shine through, providing a more refined and enjoyable sweetness compared to many traditional cookie bar recipes.

Essential Ingredients for Your Gluten-Free Cookie Bars

Crafting these irresistible gluten-free cookie bars starts with a selection of simple yet high-quality ingredients. Each component plays a crucial role in achieving the perfect balance of flavor and texture, ensuring a truly exceptional dessert experience.

Ingredients needed to make Gluten Free Cookie Bars with chocolate chips, neatly laid out.
All the simple ingredients required for these delightful cookie bars.
  • Gluten-Free All-Purpose Flour: The foundation of our gluten-free cookie bars. It’s crucial to select a high-quality gluten-free all-purpose flour blend that is specifically designed for a 1:1 ratio substitution with regular all-purpose flour. This ensures the correct texture and consistency in your dough without complex adjustments. Look for blends that contain a mix of flours like rice flour, potato starch, and tapioca starch for best results.
  • Olive Oil: Our dairy-free fat of choice. Any good quality olive oil will work beautifully here, whether it’s extra virgin, light, or a blend. Olive oil contributes a subtle fruity note and a wonderful moisture to the cookie bars, making them incredibly tender and rich without the need for butter.
  • Cane Sugar: I prefer using cane sugar in this recipe because it is generally less processed than conventional white granulated sugar. It provides a clean, sweet flavor. However, if cane sugar isn’t readily available, regular white granulated sugar can be used as a direct substitute without affecting the outcome significantly.
  • Brown Sugar: Essential for that signature chewy texture and deep, caramel-like flavor. Light brown sugar is typically recommended for its milder molasses notes, but if you only have dark brown sugar on hand, it will also work, lending a slightly richer and more robust flavor to your bars. Ensure it’s packed tightly when measuring for accuracy.
  • Egg: A vital binding agent that helps hold the cookie dough together, provides structure, and contributes to the overall richness and moisture of the bars. Use one large egg at room temperature for optimal mixing.
  • Chocolate Chips: The star of any chocolate chip cookie! You have complete freedom here to choose any type of chocolate chip that aligns with your dietary needs or personal taste preferences. I’ve successfully used a variety, including classic semi-sweet chocolate chips, elegant white chocolate chips, and of course, specifically dairy-free chocolate chips to keep the recipe entirely dairy-free. If you’re feeling adventurous and enjoy baking with chocolate candies for a fun pop of color and extra sweetness, consider trying my delightful monster cookies for inspiration.
  • Baking Soda and Baking Powder: These two leavening agents work in harmony to give the cookie bars their perfect rise and a tender crumb. Baking soda reacts with the acidic brown sugar, while baking powder provides an additional lift, ensuring your bars are light and airy, not dense.
  • Salt: A small but mighty ingredient that balances the sweetness and enhances all the other flavors in the cookie bars. Don’t skip it, as it truly makes a difference in the overall taste.

For a precise list of ingredients and their exact measurements, please refer to the detailed recipe card provided below.

Versatile Additions and Simple Substitutions for Your Cookie Bars

One of the many joys of this gluten-free cookie bar recipe is its adaptability. Feel free to experiment with these suggestions to tailor the bars to your taste or dietary needs.

  • For a different oil, you can easily swap olive oil for avocado oil. Avocado oil is another neutral-flavored, heart-healthy oil that works wonderfully in baking, maintaining the dairy-free profile and ensuring a tender crumb.
  • If cane sugar isn’t available or preferred, feel free to use regular white granulated sugar. The two are interchangeable in this recipe, delivering a similar level of sweetness and texture.
  • Beyond chocolate chips, consider incorporating chocolate candies for a fun twist! Brands like Little Secrets Dark Chocolate Candies are an excellent choice as they are typically dairy-free and often made without artificial colors or flavors, providing a delightful crunch and burst of color.
  • You can easily add nuts to the dough for extra texture and flavor. Roughly chopped walnuts, pecans, or almonds would be fantastic additions. If you are keeping the recipe nut-free, simply omit this step.
  • For an even richer flavor, a pinch of cinnamon or a dash of almond extract (if not nut-free) can elevate the taste profile beautifully.
  • Consider adding a handful of dried fruit like cranberries or chopped dried cherries for a touch of tartness to balance the sweetness.

Easy Step-by-Step Guide to Making Gluten-Free Cookie Bars

Making these delightful gluten-free cookie bars is straightforward and enjoyable. Follow these simple steps for perfectly baked, gooey, and chewy treats every time.

Wet ingredients mixed together to make gluten free cookie bars.
Step 1: Combine wet ingredients.

Step 1: Prepare the Wet Ingredients. In a large mixing bowl, combine the brown sugar, cane sugar, egg, olive oil, and vanilla extract. Whisk these ingredients together with a fork until the mixture is completely uniform, smooth, and well-combined. This ensures all the wet components are evenly distributed.

Dry ingredients mixed together to make gluten free cookie bars.
Step 2: Whisk dry ingredients.

Step 2: Combine the Dry Ingredients. In a separate medium-sized bowl, add the gluten-free all-purpose flour blend, baking powder, baking soda, and salt. Use a fork or a whisk to thoroughly combine these dry ingredients, ensuring they are evenly distributed. This step is crucial for even leavening throughout your cookie bars.

Raw gluten free cookie bar dough forming.
Step 3: Mix wet and dry ingredients.

Step 3: Form the Cookie Dough. Gently pour the bowl of dry ingredients into the bowl containing the wet ingredients. Mix everything together using a spatula or a sturdy spoon until a cohesive cookie dough begins to form. Be careful not to overmix; stop once no streaks of dry flour remain.

Raw cookie bar dough with chocolate chips inside, ready to be spread.
Step 4: Fold in chocolate chips.

Step 4: Add the Chocolate Chips. Now it’s time for the star of the show! Add your chosen chocolate chips (or chocolate candies) to the prepared cookie dough. Fold them in gently until they are evenly distributed throughout the dough.

Gluten free cookie bars dough pressed into a baking pan before baking.
Step 5: Press dough into pan.

Step 5: Prepare for Baking. Evenly push the cookie dough into an 8×8 inch baking pan that has been lined with parchment paper, allowing for a slight overhang on two opposite sides for easy removal. You can use a spatula or your clean fingers to press the dough into an even layer across the bottom of the pan.

Gluten free cookie bars after baking, slightly golden.
Step 6: Bake and cool.

Step 6: Bake the Cookie Bars. Bake the cookie bars in your preheated oven (see recipe card for temperature) for the recommended time. Once baked, remove the pan from the oven and let the bars cool completely for at least 20 minutes before proceeding. This cooling time is crucial for them to set properly.

Gluten free cookie bars cooked to a slightly gooey consistency.
Step 7: Cut into bars.

Step 7: Slice and Serve. Once adequately cooled, use the parchment paper overhang to carefully lift the entire slab of cookie bars out of the pan. Place them on a cutting board and slice them into your desired bar shapes and sizes. Now, they’re ready to be enjoyed!

Expert Tips for Perfect Gluten-Free Cookie Bars Every Time

Achieving the perfect batch of gluten-free cookie bars is easier than you think with these expert tips. Whether you prefer them super gooey or a bit more firm, these pointers will help you master this delightful recipe.

  • Customize your gooeyness level: The baking time is key to controlling the texture of your cookie bars.

    • For wonderfully gooey cookie bars, aim for a shorter baking time. They will appear slightly underdone in the center when you remove them from the oven, but don’t worry! They continue to set as they cool. Baking for 18-19 minutes usually yields a delightful gooey center.
    • If you prefer a more firm and dry cookie bar, extend the baking time. Cooking for 23-25 minutes will result in a more solid texture. Just be mindful not to overbake to prevent them from becoming too dry.

    Important Note: Remember, these cookies continue to harden as they cool. So, a batch that feels perfectly soft and gooey on day one might be firmer on day two. This is natural and still delicious!

  • Experiment with chocolate varieties: Mixing different types of chocolates can create a more complex and exciting flavor profile in your cookie bars.

    • A popular combination is using 1/2 cup of semi-sweet chocolate chips and 1/2 cup of vibrant candy-coated chocolate candies (similar to M&Ms). This offers a great balance of classic chocolate flavor and a fun, colorful crunch.
    • Don’t be afraid to go all out! I sometimes mix white chocolate chips for a creamy sweetness, dark chocolate chips for a deeper cocoa note, and candy-coated chocolate candies for visual appeal and varied texture.
  • Elevate presentation with extra chocolate chips: For a beautifully professional look, set aside a small handful of chocolate chips or candies before mixing them into the dough. Once the dough is spread in the pan, gently press these reserved chocolate pieces onto the top surface of the cookie bars. This ensures plenty of visible melted chocolate on top, making your bars even more appealing after baking.
  • Understand your oven’s personality: Every oven is unique and can run a little differently. If you know your oven tends to run hot, begin checking on your cookie bars a few minutes earlier than the suggested minimum baking time. Conversely, if your oven bakes cooler, you might need an extra minute or two. An oven thermometer can be a great tool for accuracy.
  • Proper cooling is crucial: Resist the urge to cut into the bars immediately after they come out of the oven. Allowing them to cool in the pan for the recommended time (at least 20 minutes) is essential. This cooling period allows the bars to set and firm up, making them much easier to cut into clean, perfect squares.

Common Questions About Gluten-Free Cookie Bars

How do you store these gluten-free cookie bars?

To keep your delicious cookie bars fresh and delightful, simply cover the baking pan tightly with aluminum foil or transfer the cut bars to an airtight container. Store them at room temperature on your kitchen counter for up to 3 days. For longer storage, see the freezing tips below.

How do you make them more gooey?

For that ultimate gooey center that everyone loves, the trick is to slightly underbake them. I’ve found that baking these cookie bars for just 18-19 minutes typically results in a wonderfully soft and gooey texture. It’s crucial to let them cool and set in the pan for at least 20 minutes after baking before attempting to cut into them. They will continue to firm up as they cool, so patience is key!

How do you make them less gooey and more firm?

If your preference leans towards a firmer cookie bar with a more traditional chewy texture, simply extend the baking time. I recommend baking them for a longer duration, usually around 23-25 minutes. This extra time in the oven will allow them to cook through more thoroughly, resulting in a much firmer bar that still retains a delightful chewiness.

Can I freeze these cookie bars?

Absolutely! These gluten-free cookie bars freeze beautifully. Once fully cooled, cut them into individual bars. You can then wrap each bar tightly in plastic wrap and place them in an airtight freezer-safe bag or container. They can be frozen for up to 2-3 months. Thaw them at room temperature or warm them slightly in the microwave for a fresh-baked feel.

What is the best gluten-free flour to use?

For best results, always opt for a good quality 1:1 gluten-free all-purpose flour blend. Brands vary, so look for one that specifically states it can be substituted cup-for-cup for regular flour in recipes. These blends usually contain a mix of different gluten-free flours and starches that mimic the properties of wheat flour, ensuring the right texture and crumb.

Gooey chocolate chip cookie bars with chocolate candies inside, ready to be eaten.
Irresistibly gooey and perfectly textured cookie bars.

More Delicious Cookie Bar Recipes You’ll Love

If you’ve enjoyed these gluten-free cookie bars, you’re in for a treat! Explore these other fantastic cookie bar creations from our collection, each offering a unique twist on this beloved dessert:

  • Almond Flour Egg Yolk Cookie Bars – A rich and decadent option using almond flour.
  • Paleo Gluten-Free Chocolate Chip Cherry Cookie Bars – A fruity and wholesome paleo-friendly choice.
  • Paleo Chocolate Chip Cookie Bars – The classic chocolate chip experience, reimagined for paleo diets.
  • Paleo Brookies (Brownie/Cookie Bars) – The best of both worlds: a delightful fusion of brownies and cookies.

Did you try this recipe? Please leave me a ⭐ review below! Your feedback helps us improve and inspires others to try these wonderful treats.

Gluten Free Cookie Bars with Chocolate Chips (Dairy free) Recipe

Gluten Free Cookie Bars stacked on top of each other, featuring a close-up of the delicious texture.

Delicious, gooey, chewy, chocolate chip cookie bars that are both gluten free and dairy free.

By: Dominique

Servings: 16 bars

Prep time: 10 mins

Cook time: 20 mins

Total time: 30 mins

Actions:
Pin Recipe |
Share by Email |
Print Recipe

Ingredients

  • 1/2 cup olive oil
  • 1/4 cup cane sugar (granulated sugar/white sugar works here)
  • 1/2 cup brown sugar, packed
  • 1 large egg
  • 1 teaspoon vanilla extract
  • 1 1/2 cups gluten-free all-purpose flour
  • 1/2 teaspoon baking soda
  • 1/4 teaspoon baking powder
  • 1/2 teaspoon salt
  • 1 cup chocolate chips (or chocolate candies)

Instructions

  1. Preheat oven to 350 degrees F (175 C). Line an 8×8 inch baking pan with parchment paper, leaving a slight overhang on two opposite sides.
  2. Add the brown sugar, cane sugar, olive oil, egg, and vanilla extract to a large bowl. Mix with a fork until the mixture is uniform and smooth.
  3. In another separate bowl, combine the gluten-free all-purpose flour, baking soda, baking powder, and salt. Mix well with a fork until thoroughly combined.
  4. Pour the bowl of dry ingredients into the bowl of wet ingredients and mix until a cohesive cookie dough forms and is fully combined. Stir in the chocolate chips until evenly distributed throughout the dough.
  5. Pour the batter into the prepared lined pan and use a spatula or your fingers to spread it out evenly across the bottom.
  6. Bake for 18-23 minutes, or until the top appears set and slightly puffed, and the edges begin to pull away slightly from the pan. The center might still look a little underdone, but the bars will continue to set as they cool.
  7. Let the pan cool on a wire rack for at least 20 minutes before using the parchment paper overhang to lift the bars out. Transfer them to a cutting board and slice into individual bars.

Notes

  • Instead of olive oil, you can use avocado oil for a neutral flavor.
  • Instead of cane sugar, feel free to use white granulated sugar.
  • Beyond chocolate chips, consider using chocolate candies (like M&Ms). We recommend Little Secrets Dark Chocolate Candies for a dairy-free option without artificial colors or flavors.
  • You can also add nuts like chopped walnuts or pecans for extra crunch and flavor.

Nutrition

Calories: 197 kcal

Carbohydrates: 25 g

Protein: 2 g

Fat: 11 g

Saturated Fat: 3 g

Polyunsaturated Fat: 1 g

Monounsaturated Fat: 5 g

Trans Fat: 0.001 g

Cholesterol: 12 mg

Sodium: 120 mg

Potassium: 46 mg

Fiber: 1 g

Sugar: 17 g

Vitamin A: 17 IU

Calcium: 27 mg

Iron: 1 mg

Nutrition information is automatically calculated and should only be used as an approximation.

Additional Info

Course: Dessert

Cuisine: American

Tried this recipe?

Mention @perchancetocook or tag #perchancetocook!