Soft and Chewy Chocolate Chip Cookie Bars

These chocolate chip cookie bars give you all the buttery, vanilla-scented joy of a classic cookie without any scooping, chilling, or fussing over sheet pans.

They press into a single pan, bake up thick and chewy, and get you from craving to cooling rack in just over half an hour.

Why These Bars Earn a Spot in the Rotation

I reach for this recipe when I want the taste of fresh-baked cookies but not the standing-around time. You stir everything in one bowl, pat it into a pan, and the oven does the rest.

The bars bake up with crackly golden tops and soft, almost fudgy centers that stay that way for days. Melted pockets of chocolate and a good hit of brown sugar keep every bite rich and chewy.

They’re reliable enough that I’ve never had a batch turn out dry or crumbly, as long as you don’t overbake. That small margin of error makes them my go-to for last-minute bake sales or a Tuesday treat.

Ingredients

• 1/2 cup (1 stick) unsalted butter, softened: leave it at room temperature for 30 minutes so it creams smoothly
• 1/2 cup granulated sugar: adds crisp edges
• 1/2 cup packed light brown sugar: keeps the bars moist and chewy
• 1 large egg: cold from the fridge is fine
• 1 teaspoon vanilla extract: the real stuff makes a difference here
• 1 1/4 cups all-purpose flour: spooned and leveled, not scooped
• 1/2 teaspoon baking soda: gives a little lift without making them cakey
• 1/2 teaspoon salt: sharpens the chocolate flavor
• 1 cup semisweet chocolate chips: plus a few extra for pressing on top

Variations / Substitutions

• Brown the butter: melt the butter, cook until golden and nutty, then chill until solid. The bars will have a deeper, toasty flavor.
• Use dark brown sugar: swap the light brown sugar for dark for a stronger molasses note and even chewier centers.
• Change the chips: milk, dark, white, or butterscotch chips all work well. A chopped chocolate bar creates irregular, gooey pools.
• Add nuts: fold in 1/2 cup toasted, chopped walnuts or pecans along with the chips.

If you want a classic drop cookie instead, try our Chewy Chocolate Chip Cookies.

How to Make Soft and Chewy Chocolate Chip Cookie Bars

Step 1: Mix the Wet Ingredients

Preheat your oven to 350°F (175°C) and line an 8-inch square baking pan with parchment paper, leaving overhang on the sides. In a large bowl, beat the 1/2 cup softened butter with the 1/2 cup granulated sugar and 1/2 cup brown sugar until light and fluffy, about 2 minutes with a hand mixer.

The mixture will look pale and slightly grainy. Beat in the egg and 1 teaspoon vanilla just until combined, another 30 seconds. The batter will be thick and glossy at this point.

Step 2: Add the Dry Ingredients

Add the 1 1/4 cups flour, 1/2 teaspoon baking soda, and 1/2 teaspoon salt to the bowl. Mix on low speed just until no white streaks remain, about 30 seconds. Fold in the 1 cup chocolate chips with a spatula, reserving a small handful for the top.

The dough will be stiff and might look a touch dry in spots. That’s exactly what you want. A few crumbly bits around the bowl are fine; the heat of your hands will bring it together when you press it into the pan.

Step 3: Spread into the Pan and Bake

Scrape the dough into the prepared pan and use your fingers or a spatula to press it into an even layer, working it all the way to the corners. Dot the reserved chocolate chips on top and press them in lightly. Bake for 22 to 26 minutes, until the edges are golden brown and the center is set but still soft. A toothpick inserted in the middle should come out with a few moist crumbs, not wet batter.

The bars will puff slightly and look pale in the center when you pull them out. They’ll continue to cook from the pan’s heat as they cool. A slight wobble in the middle is normal; you want to catch them before they turn fully firm to keep that fudgy chew.

Step 4: Slice and Serve

Let the bars cool in the pan on a wire rack for at least 10 minutes. Use the parchment overhang to lift the whole block out, then slice into 9 squares with a sharp knife. Serve warm, straight from the cutting board.

The crust will be crackly on top, and the chocolate will still be soft and molten in spots. The kitchen will smell of brown sugar and vanilla. That’s the moment you’ve been waiting for.

A Few Tips for the Chewiest Bars

• Use an aluminum or light-colored metal pan for even browning. Dark pans or glass can over-brown the edges before the center sets.
• For gooey pockets of chocolate, fold in a handful of chopped chocolate chunks along with the chips, and sprinkle a pinch of flaky sea salt on top right when the bars come out of the oven.
• The dough can be made ahead and refrigerated overnight. Press it into the pan cold and add 2 to 3 minutes to the bake time.

Bake times by pan size:

Storing Leftover Cookie Bars

Keep the bars in an airtight container at room temperature for up to 3 days, or in the fridge for a week. To bring back that just-baked softness, warm a bar in the microwave for 10 to 15 seconds.

Frequently Asked Questions

Can I use melted butter instead of softened?

Yes. Melt the butter and let it cool for 5 minutes, then mix with the sugars. The dough will be a little wetter, so press it into the pan and chill for 15 minutes before baking to prevent spreading too much. The texture will be denser and slightly chewier.

Why did my bars turn out cakey?

Cakey bars usually mean too much flour or overmixing. Spoon the flour into your measuring cup and level it off; never scoop directly from the bag. Also, stop mixing the moment the dry streaks disappear.

Can I double this recipe?

You can double the recipe and bake it in a 9×13-inch pan. Check the bake times by pan size above; start checking at 25 minutes.

Can I freeze the baked bars?

Yes. Wrap the cooled bars tightly in plastic wrap, then foil, and freeze for up to 2 months. Thaw at room temperature and warm briefly in the microwave before serving.

Chocolate Chip Cookie Bars Recipe

Print Recipe Pin Recipe

Prep Time 10 minutes mins

Cook Time 25 minutes mins

Total Time 35 minutes mins

Servings: 9 servings

Calories: 336

Ingredients Method Notes

Ingredients

  

• 1/2 cup (1 stick) unsalted butter, softened
• 1/2 cup granulated sugar
• 1/2 cup packed light brown sugar
• 1 large egg
• 1 teaspoon vanilla extract
• 1 1/4 cups all-purpose flour
• 1/2 teaspoon baking soda
• 1/2 teaspoon salt
• 1 cup semisweet chocolate chips

Method

 

1. Preheat oven to 350°F (175°C). Line an 8-inch square baking pan with parchment paper, leaving overhang. Beat the butter, granulated sugar, and brown sugar until light and fluffy, about 2 minutes. Beat in the egg and vanilla until combined.
2. Add the flour, baking soda, and salt, and mix on low just until no streaks remain. Fold in the chocolate chips, saving a few for the top.
3. Press the dough evenly into the pan, dot with the reserved chips, and bake for 22 to 26 minutes, until the edges are golden and the center is just set.
4. Cool in the pan on a rack for 10 minutes, then lift out using the parchment. Slice into 9 squares and serve warm.

Notes

For the chewiest bars, pull them from the oven when the center still looks slightly underdone. It will set as it cools, keeping the texture soft and fudgy rather than dry.