Frosted Chocolate Chip Cookie Bars (Self Frosting!)

As an Amazon Associate and member of other affiliate programs, we earn from qualifying purchases.

Indulge in these delicious self-frosting chocolate chip cookie bars. Perfect for any occasion and sure to satisfy your sweet tooth! My kids eat the entire pan in one sitting because they’re that good!

The outer edge of these frosted chocolate chip cookie bars is a little more chewy while the center is soft. If you cut these correctly, you can have a bite of each sides in one cookie.

Chocolate Self Frosting Cookies Ingredients

Just when I thought I had made every version of chocolate chip cookies possible, I find this oldie but goodie recipe in Ellettsville, Indiana High School Band Cook Book for Chocolate Self Frosting Cookies. I was intrigued by the self-frosting bit, and boy am I glad I gave them a shot.

  • Unsalted Butter, softened to room temperature
  • Light Brown Sugar
  • Large Egg
  • Vanilla Extract
  • Water
  • All Purpose Flour
  • Baking Soda
  • Salt
  • Chopped Nuts
  • Chocolate Chips

I decided to whip these up as an afterschool treat for my three kiddos and my two nephews. Well let’s just say that they were a hit, because the entire pan vanished before my eyes.

The outer edge is a little more chewy while the center is soft. If you cut these correctly, you can have a bite of each sides in one cookie.

The outer edge of these frosted chocolate chip cookie bars is a little more chewy while the center is soft. If you cut these correctly, you can have a bite of each sides in one cookie.

What Makes These So Great

  1. Self Frosting – Half of the chocolate chips get melted and swirled over top of these as they bake creating its own tasty chocolate frosting.
  2. Double Chocolate – There’s two parts of delicious chocolate in these simple cookie bars. Chocolate chips are mixed into the base and melted over top.
  3. Chopped Nuts – The addition of chopped nuts gives these the perfect amount of texture. I typically use chopped walnuts or chopped pecans.
  4. Small Batch – This recipe makes an 8 x 8 inch baking dish which is the perfect amount for my family. I don’t always like to have tons and tons of cookies just sitting around because I end up eating them all!
  5. Easily Doubled – This recipe is also very easy to double if you did need a bigger batch. Double them and bake in a 9 x 13 inch baking dish.
Indulge in these delicious self-frosting chocolate chip cookie bars. This recipe makes an 8x8 inch pan.

Step by Step Instructions

  1. Preheat oven to 375 degrees F. Prep your pan. Grease and flour a 8 x 8 inch baking dish or line it with parchment paper and grease the side of the dish with nonstick cooking spray.
  2. Using a stand mixer or a large bowl and a hand mixer, cream softened butter and brown sugar.
  3. Add egg, vanilla and water, and mix until blending, scraping down the sides with a spatula.
  4. Add flour, baking soda and salt (dry ingredients), and blend into the wet ingredients.
  5. Stir in nuts and 1/2 cup chocolate chips into the cookie dough.
  6. Spoon into prepared baking dish; sprinkle remaining chocolate chips over top.
  7. Bake for 2 minutes; remove from the oven.
  8. Using a knife, run the tip in a zigzag motion through the mix.
  9. Return to the oven, and bake for an additional 20 to 25 minutes or until golden brown and a toothpick comes out clean.
  10. Let cool before removing from the pan. Cut into chocolate chip cookie bars.
  11. Try serving with a scoop of vanilla ice cream or whipped cream.

Storage Instructions

Let cool completely before transferring to an airtight container. Store at room temperature.

For the full ingredient amounts and recipe steps, scroll to the recipe card at the bottom of this post.

Indulge in these delicious self-frosting chocolate chip cookie bars.

Chocolate Chip Bars Recipe FAQs

  • Grease and flour or use nonstick cooking spray to prepare the baking pan. I personally like to line the bottom with parchment paper, but I still grease the sides. This allows the cookies to come out of the dish easily, allowing you to cut them on a wooden cutting board.
  • Be sure to soften the butter so that it creams easily.
  • Nuts are optional but highly recommended.
  • I love how the chocolate chips melt over top to form its own icing.
  • This is a 2-step baking process. Bake for 2 minutes and then remove from the oven to spread the chocolate over top. Then return the pan to the oven to finish baking.
Indulge in these delicious self-frosting chocolate chip cookie bars.

Recipe Variations for Chocolate Chip Bars

  • Swap semi-sweet chocolate chips with milk chocolate chips, dark chocolate chips or white chocolate chips. Or use a combination. Try one variety in the base and another melted over top.
  • Use chocolate chunks or chocolate bits instead of chips.
  • Omit nuts, if desired.
  • Use whatever nuts you prefer. Walnuts or pecans are my go-tos.
  • Substitute almond extract for vanilla extract.
  • Add sprinkles.
  • After spreading the melted chocolate chips, add a sprinkle of flaky sea salt over top.
  • Double the recipe to make a big pan.
Indulge in these delicious self-frosting chocolate chip cookie bars.

Kitchen Utensils Needed

  • Stand Mixer or Hand Mixer
  • Large Bowl
  • Spoonula
  • Dry measuring cups
  • Parchment Paper
  • 8 x 8 inch baking dish
  • Large Knife
  • Cutting Board
Indulge in these delicious self-frosting chocolate chip cookie bars.

We love a good bar cookie. They are so much easier than putting pan after pan of cookies in the oven. Sheet pan bar cookies are also a great pitch-in option. We love these Chocolate Ganache Cookie Bars from Beyer Eats & Drinks! Here are some of our favorite bar cookie recipes from our site.

Old-Fashioned Graham Cracker Brownies

These old-fashioned graham cracker brownies are a rich, chewy vintage dessert made with condensed milk, chocolate chips, and pantry staples.

Sheet Pan Chocolate Chip Cookies

Sheet Pan Chocolate Chip Cookie Bars are an chocolate chip cookie brittle that feature several tasty ingredients other than chocolate chips.

Molasses Bars

Chocolate Chip Molasses Bars are an old-fashioned molasses cookie with a dense, soft texture and amazing chocolate flavor due to the addition of chocolate chips. The combination is a homerun.

Three Layer Chocolate Squares

Grandma's Three Layer Chocolate Squares are a family favorite treat that are served every Christmas at my house.  The triple layer cookie bar consists of a chocolate graham cracker crust, a vanilla cream center and a sweet Hershey's chocolate topping. 

Fudge Nut Bars

Sweet Walnut Maple Bars

Sweet Walnut Maple Bars have a cake mix base, a maple syrup gooey center and a crunchy walnut topping.  Some people say these Maple Walnut Pie Bars taste like pecan pie!

What rack is best to bake chocolate chip cookies?

The middle rack is ideal for baking. If you use the bottom rack, you risk the cookies getting too brown on the bottom.

Can you use Hershey bar instead of chocolate chips?

Unless your recipe specifically suggests using a Hershey Bar, I would avoid using one as a substitute for chocolate chips in cookie recipes. The reason being is because the melting qualities are completely different in chocolate chips compared to Hershey Bars. You risk changing the entire texture of the cookies.

Frosted Chocolate Chip Cookie Bars (Self Frosting!)

Indulge in these delicious self-frosting chocolate chip cookie bars. Perfect for any occasion and sure to satisfy your sweet tooth! My kids eat the entire pan in one sitting because they're that good!
Prep Time10 minutes
Cook Time25 minutes
Total Time35 minutes
Course: Dessert, Snack
Cuisine: American
Keyword: chocolate chip cookie bars, chocolate self frosting cookies, frosted chocolate chip cookie bars
Servings: 12 servings
Calories: 313kcal
Author: Barbara

Ingredients

  • 1/2 cup Unsalted Butter softened to room temperature
  • 3/4 cup Light Brown Sugar
  • 1 Large Egg
  • 1/2 teaspoon Vanilla Extract
  • 1/2 teaspoon Water
  • 1 cup + 2 Tablespoons All Purpose Flour
  • 1/2 teaspoon Baking Soda
  • 1/2 teaspoon Salt
  • 1/2 cup Chopped Nuts
  • 1 cup Chocolate Chips

Instructions

  • Preheat oven to 375 degrees F. Grease and flour a 8 x 8 inch baking dish or line it with parchment paper and grease the side of the dish with nonstick cooking spray.
  • Using a stand mixer or a large bowl and a hand mixer, cream softened butter and brown sugar.
    Indulge in these delicious self-frosting chocolate chip cookie bars.
  • Add egg, vanilla and water, and mix until blending, scraping down the sides with a spatula.
    Indulge in these delicious self-frosting chocolate chip cookie bars.
  • Add flour, baking soda and salt, and blend into the wet ingredients.
    Indulge in these delicious self-frosting chocolate chip cookie bars.
  • Stir in nuts and 1/2 cup chocolate chips.
    Indulge in these delicious self-frosting chocolate chip cookie bars.
  • Pour into prepared baking dish; sprinkle remaining chocolate chips over top.
    Indulge in these delicious self-frosting chocolate chip cookie bars.
  • Bake for 2 minutes; remove from the oven.
  • Using a knife, run the tip in a zigzag motion through the mix.
    Indulge in these delicious self-frosting chocolate chip cookie bars.
  • Return to the oven, and bake for an additional 20 to 25 minutes or until golden brown and a toothpick comes out clean.
    Indulge in these delicious self-frosting chocolate chip cookie bars.
  • Let cool before removing from the pan. Cut into chocolate chip cookie bars.
    Indulge in these delicious self-frosting chocolate chip cookie bars.

Notes

    • Grease and flour or use nonstick cooking spray to prepare the baking pan. I personally like to line the bottom with parchment paper, but I still grease the sides. This allows the cookies to come out of the dish easily, allowing me to cut them on a wooden cutting board.
    • Be sure to soften the butter so that it creams easily.
    • Nuts are optional but highly recommended.
    • I love how the chocolate chips melt over top to form its own icing.
    • This is a 2-step baking process. Bake for 2 minutes and then remove from the oven to spread the chocolate over top. Then return the pan to the oven to finish baking.
    • Love cookie bars? Try my favorite Fudge Nut Bar Cookies. 
    • The nutritional information is auto-calculated and can vary depending on the products used.

Nutrition

Calories: 313kcal | Carbohydrates: 41g | Protein: 4g | Fat: 16g | Saturated Fat: 8g | Polyunsaturated Fat: 3g | Monounsaturated Fat: 3g | Trans Fat: 0.3g | Cholesterol: 34mg | Sodium: 153mg | Potassium: 114mg | Fiber: 1g | Sugar: 22g | Vitamin A: 257IU | Vitamin C: 0.1mg | Calcium: 35mg | Iron: 1mg
pin button
Indulge in these delicious self-frosting chocolate chip cookie bars.

Similar Posts

Leave a Reply

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

Recipe Rating