This Sugar Cookie Bars Recipe delivers soft, sweet, buttery bars topped with a thick layer of creamy frosting and colorful sprinkles on top!

chelsea

authorโ€™s notes

Everything I Wanted in Sugar Cookie Bars

I love a thick, soft, chewy sugar cookie. (These are my forever favorite.) But every time I tried sugar cookie bars, I ended up a little disappointed. Too dry, not enough flavor, or just kind ofโ€ฆblah.

So I set out to fix that. I used melted butter instead of softened for a better chew, swapped in brown sugar for extra softness and flavor, and added a few optional flavor boosts. Then I mixed in white chocolate chips. Not traditional, but they add the perfect pop of sweetness and a nice touch of texture.

Finish the bars with a thick layer of creamy frosting and they turn into exactly what I was hoping for. Soft, chewy, sweet, and completely irresistible. My dream sugar cookie bar! I hope you love them as much as I do.

signature
All. the ingredients in this recipe prepped out for easy assembly including the flour, white chocolate chips, salt, baking powder, eggs, vanilla, melted butter, and brown sugar.
IngredientLetโ€™s Chat About It
Butter & brown sugarUse melted butter for a better chew. Let it cool slightly so it doesnโ€™t melt the sugar. Use soft, fresh brown sugar; if itโ€™s hard or clumpy, the bars wonโ€™t turn out as well.
Eggs & vanilla extractMake sure eggs are at room temp so everything mixes smoothly.
Flour, baking powder & saltMake sure the baking powder is fresh. Once the flour is added, mix just until combined so the bars stay soft. Over-mixing can make them dense.
Orange zest & optional flavor add-insZest brightens the flavor; add cardamom, almond extract, or additional citrus zest for even more flavor!
Frosting ingredients & sprinklesBeat frosting until light and fluffy for the best texture; add sprinkles right after frosting.
The base dough for this Sugar Cookie Bars Recipe being whisked together in one bowl.
  1. Prep: Line pan and preheat oven.
  2. Mix Wet: Stir butter, sugar, eggs, and vanilla until smooth.
  3. Add Dry: Mix in dry ingredients just until combined.
  4. Bake: Press into pan and bake until set; cool completely.
  5. Frost: Beat frosting until light and fluffy.
  6. Finish: Frost, add sprinkles, and cut into bars.

Chelseaโ€™s Notes

How to Know Theyโ€™re Done

When making this Sugar Cookie Bars Recipe, itโ€™s better to slightly under-bake. The edges should be lightly golden while the center stays soft but set.

The dry ingredients aded into the batter and then it all spread into a pan to bake.

Variations

Different Frosting Ideas

The classic vanilla frosting is my favorite, but you can easily switch it up.

  • Keep it simple with vanilla and change the sprinkles (great for different holidays!)
  • Cream cheese frosting for a slight tang
  • Chocolate frosting for a richer option (swap white chocolate for milk chocolate chips)
  • Strawberry frosting for a fruity sugar cookie bar

Storage

Room Temp: Store in an airtight container up to 3 days. Freezer: Freeze unfrosted bars up to 3 months; thaw and frost before serving.

More Dessert Bars To Love

Tap stars to rate!
No ratings yet
This Sugar Cookie Bars Recipe bakes up soft, sweet, and buttery bars topped with a creamy layer of frosting.
Prep Time: 20 minutes
Cook Time: 25 minutes
Total Time: 45 minutes
Servings: 24 bars

Equipment

Ingredients

Sugar Cookie Bars
  • 16 tablespoons (1 cup) unsalted butter
  • 2 cups light brown sugar lightly packed, see note 1
  • 2 large eggs
  • 2 teaspoons vanilla extract
  • 1/2 teaspoon salt
  • 1/2 teaspoon baking powder
  • 2 teaspoons orange zest optional
  • 2-1/2 cups all-purpose flour
  • 2 cups white chocolate chips
Frosting
  • 6 tablespoons unsalted butter at room temperature
  • 2-1/2 cups powdered sugar
  • 1/4 teaspoon vanilla extract
  • 1/8 teaspoon fine sea salt
  • 3 tablespoons heavy cream
  • Food coloring optional
  • 2 to 3 tablespoons sprinkles optional, to top bars

Instructionsย 

Sugar Cookie Bars

  • Preheat oven to 350ยฐF (175ยฐC). Spray a 9ร—13-inch baking pan with cooking spray, then line with parchment paper, leaving an overhang for easy removal.
  • Melt butter in a microwave-safe bowl. Let it cool to room temperature, then scrape all the melted butter into a large bowl.
  • Add brown sugar and whisk vigorously until the mixture looks like wet sand. Add eggs, vanilla, salt, and orange zest if using. Whisk briskly until the mixture becomes creamy and well emulsified.
  • Add flour and white chocolate chips. Switch to a spatula and fold until no dry streaks of flour remain. The batter will be thick.
  • Spread batter evenly into the prepared pan and smooth the top with a spatula. Bake for 25 to 28 minutes, or until the edges are lightly golden and the center is set.

Frosting

  • Add room-temperature butter to a large bowl. Beat on medium speed for about 3 minutes, or until smooth and fluffy, scraping down the sides as needed.
  • Add vanilla, heavy cream, and salt. Beat until combined.
  • Add powdered sugar and mix on low speed until combined. Increase speed and beat for 3 to 4 minutes, or until the frosting is light, fluffy, and a brighter white color.
  • Add a few drops of food coloring if desired and mix on low speed for 15 to 20 seconds, just until evenly colored.

Finish

  • Use the parchment overhang to lift the bars out of the pan. Spread frosting evenly over the completely cooled bars with a table knife or spatula.
  • Immediately add sprinkles if using. Slice into bars and enjoy.
Final step! Please let us know how it was by leaving a review.

Recipe Notes

Note 1: Use very soft, fresh brown sugar for the best results. If the sugar feels hard or dry, it wonโ€™t mix as smoothly into the batter.
Storage: Store in an airtight container at room temp for 1-2 days or in the fridge (tightly covered) for up to 5 days.
Make Ahead & Freezing: Make bars and frosting 1 day ahead. Keep bars covered at room temp and frosting in the fridge. Frost just before serving. Freeze unfrosted bars up to 3 months. Thaw overnight, frost, cut, and serve.

Nutrition

Serving: 1serving | Calories: 345kcal | Carbohydrates: 48g | Protein: 2g | Fat: 16g | Saturated Fat: 10g | Polyunsaturated Fat: 0.7g | Monounsaturated Fat: 4g | Trans Fat: 0.5g | Cholesterol: 48mg | Sodium: 95mg | Potassium: 87mg | Fiber: 0.4g | Sugar: 37.8g | Vitamin A: 387IU | Vitamin C: 0.2mg | Calcium: 56mg | Iron: 0.8mg

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

Meet Chelsea


Hello, and welcome to Chelseaโ€™s Messy Apron! Iโ€™m Chelsea, the recipe developer, food photographer, and writer behind the site. Iโ€™m passionate about creating simple, reliable, and delicious recipes that anyone can make.

Thanks for stopping byโ€”I hope you find something delicious to make!

More Recipes You'll Love

Leave a comment

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

Recipe Rating