Smooth-Top Buttercream Frosted Chocolate Chip Cookie Bars – Recipe & Tutorial

smooth buttercream frosted chocolate chip cookie bars with buttercream flowers

Today I wanted to share with you one of my favorite easy dessert tutorials: buttercream frosted chocolate chip cookie bars! These thick and chewy cookie bars are studded with creamy chocolate chips and then decorated to perfection with light buttercream! They taste just like the big cookie cakes you could purchase at the mall back in the day. Yum!

Plus, I’ve created an easy method that I’ll share with you to achieve a beautifully smooth top of buttercream – a perfect canvas for buttercream piping, flowers, or sweet sentiments. They look just as good as intricate royal icing cookies, but I think they taste much better.

Don’t get me wrong, I love a pretty sugar cookie as much as the next girl. They just aren’t my fave sweet treat. On the other hand, these chocolate chip cookie bars are beautiful and seriously crave-able! The best combination!

For another idea, try my Espresso & Dark Chocolate Chip Buttercream Cookie Bars.

Updated 8/2022 for improved quality and taste.

Chocolate Chip Cookie Bars Tutorial

Let’s begin!

First, I’ll share a quick list of all the ingredients, materials, and recipes you’ll need for the project. Then, I’ll walk you through the simple decorating process. Feel free to get as creative as you’d like, and don’t forget to have fun!

smooth buttercream frosted chocolate chip cookie bars with buttercream flowers

Ingredients & Materials List

I’ve linked (affiliate) some items for your easy shopping and reference.

smooth buttercream frosted chocolate chip cookie bars with buttercream flowers

Cookies Bars and Buttercream Recipes

This baking project requires two components: cookie bars and crusting American buttercream. Both are stable at room temperature for a few days. Before decorating your cookies with the buttercream, however, be sure they are fully cooled.

Buttercream Decorated Chocolate Chip Cookie Bars

These thick and chewy cookie bars are loaded with smooth chocolate chips. Think of your favorite chocolate chip cookie, but thicker, and better. Then, they're covered with an ultra-smooth layer of buttercream, for the perfect flavor balance and decorative element!
Course Dessert
Cuisine American
Keyword American buttercream, buttercream cookies, chocolate, chocolate chip, chocolate chip cookie, chocolate chip cookie bar
Prep Time 30 minutes
Cook Time 30 minutes
Total Time 1 hour
Servings 20 servings


Chocolate Chip Cookie Bars

  • 1 cup room temperature butter
  • cup brown sugar
  • ½ cup white sugar
  • 2 room temperature eggs
  • 2 tsp vanilla extract
  • cup all-purpose flour
  • 1 tsp baking powder
  • 1 tsp fine salt
  • 1 cup semi-sweet chocolate chips

American Buttercream

  • 1 cup room temperature salted butter
  • 4 cups powdered sugar
  • 1 tsp vanilla extract
  • 2-4 tbsp room temperature heavy cream
  • ¼ tsp fine salt


Chocolate Chip Cookie Bars

  • Preheat your oven to 350°F. Then, line your 9×13" baking pan with parchment paper.
  • Beat together the sugars and butter on medium for a minute, or until fluffy. Then, add the eggs one at a time, followed by the vanilla and espresso powder, mixing well to fully incorporate after each addition.
  • In a separate bowl, mix together the flour, baking powder, salt, and chocolate chips.
  • Finally, combine the dry ingredients with the wet batter using a spatula or spoon.
  • Dump the dough into the prepared baking pan and press it down until it is evenly spread.
  • Bake the cookie bars in the prepared oven for 23-27 minutes, or until the top is golden and fully set. Let the bars cool in the pan on a wire rack for about 5 minutes. Then, use the edges of the parchment paper to lift the entire set of bars out and onto the wire rack to fully cool.

American Buttercream

  • Beat the sticks of butter together with the powdered sugar, one cup at a time, until fully incorporated. Scrape the sides of the bowl down in between each addition.
  • Add the vanilla for flavor and the heavy cream to thin out the buttercream until it's smooth. Beat again and cover with plastic wrap or store in a covered container until the cookie bars are fully cooled.
smooth buttercream frosted chocolate chip cookie bars with buttercream flowers

How To Assemble Buttercream Frosted Chocolate Chip Cookie Bars

Step One: Once the cookie bars are fully cooled, use the cookie cutter to carefully stamp out the cookies. Save the rough edges for snacking. 🙂

Step Two: Place the cookie cutter back over one of the already cut-out cookies, but don’t press it all the way down. Leave a few millimeters of the cookie cutter as a border around the top of the cookie.

Step Three: With the back of an offset spatula, smooth some colored buttercream onto the top of the cookie-cutter-ringed cookie. Add more than necessary, so that there is an “overflow” or “mound” above the ring of the cookie cutter.

Step Four: Then, wipe off the excess buttercream from the spatula, and use the clean, flat edge of it to smooth the excess buttercream from the cookie. Run the spatula smoothly along the edges of the cookie cutter in one sweeping motion to achieve a perfectly even top coat of buttercream.

Step Five: Lightly hold the edges of the cookie cutter while gently pressing upwards on the bottom of the cookie. It will take some time and wiggling to remove it perfectly, but it results in an ultra-smooth buttercream base for beautiful designs, flourishes, flowers, and words.

Chill your buttercream-covered cookie bars to set the first layer, then feel free to add your designs. You can pipe directly onto the cookies, or create buttercream flowers (check out here, here, and here) and attach them afterward. Let your creativity run wild, and have fun with the process.

smooth buttercream frosted chocolate chip cookie bars with buttercream flowers

Don’t forget to find me on Instagram so we can keep in touch, and be sure to tag me in any photos you post of your buttercream-covered chocolate chip cookie bars! I love to see your works of culinary art.

smooth buttercream frosted chocolate chip cookie bars with buttercream flowers

And, enter your email below to receive notification of my next blog post like this one. You don’t want to miss it!

Don’t forget to check out these Espresso & Dark Chocolate Chip Buttercream Cookie Bars.

Take care guys! Until next time…



See my privacy policy for the full Amazon Affiliate disclosure. Profits earned from affiliate commissions help to keep this site running, so that I can continue to bring great content to awesome readers, like you! If you would like, you can still support by clicking through this link and making any other purchases you need. 🙂


Addicted to Pinterest, like me? Pin the image below to save this recipe for later or show it to your friends. After all, sharing is caring. 😉

  1. Pingback:Espresso & Dark Chocolate Chip Cookie Bars with Bourbon Buttercream

Leave a Reply

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

Recipe Rating