Name: Pineapple Bars with Cream Cheese and Coconut Drizzle Recipe
Prep time: 25 min
Cook time: 50 min
Total time: 1 h 15 min
Cuisine: American
Ingredients: 1½ cups all-purpose flour (192g); ¾ cup granulated sugar; ¾ cup salted butter, cold and cubed; ½ cup chopped pecans; 8 oz cream cheese, softened to room temperature; 2 tbsp granulated sugar; 1 large egg; 1 tsp pure vanilla extract; 8 oz crushed pineapple, well drained (about ¾ cup); 3 tbsp unsalted butter, cubed; ¾ cup powdered sugar (180g); 1 tsp coconut extract; 1 tbsp whole milk (or more as needed)

Jump to Recipe· 3.9 from 73 reviews

If you have a sweet tooth that loves tropical flavors and creamy textures, you are going to adore this Pineapple Bars with Cream Cheese and Coconut Drizzle Recipe. Imagine a buttery, crumbly shortbread base topped with a luscious pineapple cream cheese filling, all finished with a silky coconut-infused brown butter drizzle. This dessert perfectly balances tangy, sweet, and nutty elements, making it an irresistible treat for any occasion. Whether you’re baking for a family gathering or just craving a comforting dessert, these bars will quickly become a new favorite.

Ingredients You’ll Need

The image shows ingredients for baking arranged on a white marbled surface. There are nine items: a clear glass bowl filled with white flour near the top center, a small round white bowl with white sugar to the left, a tall glass of milk on the upper right side, a stick of butter wrapped in paper beside the milk, a blue packet of cream cheese on the left middle, a clear bowl with a dozen almonds in the center, two white eggs placed below the almonds, a large clear bowl filled with yellow butter mixture on the right middle, a white bowl filled with white granulated sugar at the bottom left, and a white bowl with melted yellow butter on the bottom right. Everything is neatly spaced and the colors contrast softly with the white marbled background. photo taken with an iphone --ar 4:5 --v 7

These ingredients are wonderfully simple yet carefully chosen to build layers of flavor and texture. Each one plays a starring role in crafting the perfect Pineapple Bars with Cream Cheese and Coconut Drizzle Recipe, from the buttery crust that adds crunch to the tropical pineapple that brightens every bite.

All-purpose flour (1½ cups / 192g): The foundation of the buttery crust, providing structure and tenderness.
Granulated sugar (¾ cup + 2 tbsp): Adds sweetness to both the crust and the creamy filling.
Salted butter (¾ cup cold, cubed + 3 tbsp unsalted): Key for that rich, flaky crust and the decadent brown butter drizzle.
Chopped pecans (½ cup): Adds a delightful nutty crunch to the shortbread topping.
Cream cheese (8 oz, softened): The creamy heart of the filling, lending smoothness and slight tang.
Large egg (1): Helps bind the filling ingredients together for perfect consistency.
Pure vanilla extract (1 tsp): Enhances all the flavors with warm, aromatic notes.
Crushed pineapple (8 oz, well drained): The tropical superstar that keeps the filling moist and vibrant.
Powdered sugar (¾ cup / 180g): Essential for sweetening and thickening the coconut drizzle.
Coconut extract (1 tsp): Brings that unmistakable tropical aroma to the drizzle, tying the whole dish together.
Whole milk (1 tbsp, or more as needed): Used to adjust the drizzle’s consistency for perfect coating.

How to Make Pineapple Bars with Cream Cheese and Coconut Drizzle Recipe

Step 1: Prepare the Crust and Topping

Start by preheating your oven to 350 °F and lining an 8×8-inch pan with parchment paper, leaving the edges hanging over the sides for easy removal. Combine the flour, granulated sugar, cold cubed butter, and chopped pecans in a bowl. Work them together until you get a crumbly mixture. Set aside one-third of this mixture and chill it in the refrigerator while you press the rest firmly into the bottom of your pan to form the crust.

Step 2: Make the Cream Cheese Pineapple Filling

Beat the room temperature cream cheese until smooth and fluffy. Add the 2 tablespoons of granulated sugar, egg, and vanilla extract and mix until well incorporated. Gently fold in the well-drained crushed pineapple, making sure the mixture stays creamy and evenly combined. Spread this luscious filling evenly over the shortbread crust in your pan.

Step 3: Add the Crumble Topping and Bake

Take the chilled reserved shortbread crumble and sprinkle it over the pineapple cream cheese layer. Cover the pan with aluminum foil to prevent excessive browning while baking. Bake the layered bars for 25 minutes covered, then remove the foil and bake for another 20–25 minutes until the crumb topping turns a gorgeous golden brown. Let the bars cool completely before moving on to the drizzle.

Step 4: Create the Browned Butter Coconut Drizzle

Slice the 3 tablespoons of unsalted butter and melt it in a light-colored sauté pan over medium-high heat. Stir constantly as the butter foams and eventually browns, releasing a rich, nutty aroma—usually after a few minutes. Immediately pour the browned butter into a heat-safe bowl, scraping up all the browned bits. Once cooled slightly, whisk in the powdered sugar, milk, and coconut extract until smooth and pourable. Adjust with more sugar or milk to get the perfect drizzle consistency.

Step 5: Drizzle, Set, and Serve

Gently drizzle the brown butter coconut glaze over the cooled pineapple bars in a decorative pattern. Let the drizzle set completely before lifting the bars out of the pan with the parchment edges. Cut into 16 squares and get ready to enjoy the delightful mix of tropical flavors, creamy textures, buttery crunch, and that irresistible coconut finish.

How to Serve Pineapple Bars with Cream Cheese and Coconut Drizzle Recipe

The image shows a stack of three square dessert bars on a white marbled surface. Each bar has three visible layers: a slightly browned, crumbly golden crust as the bottom layer, a thick middle layer with a creamy off-white filling mixed with small yellow fruit pieces, and a top layer of crumbly golden streusel with scattered whole pecan halves. A light drizzle of creamy white icing runs over the top layer, adding texture and contrast. The bars are stacked unevenly, showcasing their softness and layered details clearly. Photo taken with an iphone --ar 4:5 --v 7

Garnishes

To add a little extra wow factor at serving time, sprinkle toasted shredded coconut or a few chopped fresh pecans on top of the bars after the drizzle has set. A tiny dusting of powdered sugar can add a delicate sweetness and visual appeal, making the bars look as delightful as they taste.

Side Dishes

These pineapple bars make a fantastic dessert all on their own, but pairing them with a scoop of smooth vanilla bean ice cream or a dollop of freshly whipped cream creates a luxuriously creamy contrast. For a refreshing touch, serve alongside a bright citrus fruit salad or a cold glass of tropical-inspired iced tea.

Creative Ways to Present

If you’re serving at a party, try arranging the bars on a wooden serving board lined with banana leaves for that island vibe. Alternatively, stack bars with parchment paper between layers in a pretty box as a sweet gift. You could also dip the edges of each bar lightly into melted chocolate to add a rich finish that complements the tropical flavors.

Make Ahead and Storage

Storing Leftovers

After enjoying your pineapple bars, store any leftovers in an airtight container in the refrigerator for up to 5 days. This keeps the crust crisp and the filling fresh while preserving the cream cheese’s creamy texture. They’re perfect for snacking throughout the week or packing in a lunchbox treat.

Freezing

You can freeze these bars to enjoy later by wrapping them tightly in plastic wrap and then placing them in a freezer-safe container or bag. Freeze for up to 3 months. When ready to eat, thaw overnight in the refrigerator and add a fresh drizzle if desired to revive that coconut magic.

Reheating

For a warm treat, gently reheat individual bars in the microwave for 15–20 seconds, just until the cream cheese filling softens slightly. Avoid overheating to prevent the crust from becoming soggy. If you want to crisp the crust a bit, briefly warm the bars in a 300 °F oven for 5–7 minutes.

FAQs

Can I use canned pineapple juice instead of crushed pineapple?

It’s best to use well-drained crushed pineapple rather than pineapple juice because the filling needs the texture and moisture balance that pineapple chunks provide. Too much juice would make the bars soggy.

Is it necessary to brown the butter for the drizzle?

Browning the butter adds a deep nutty flavor that perfectly complements the coconut extract, making the drizzle extra special. You could skip this step, but the flavor won’t be quite the same.

Can I substitute pecans with another nut?

Absolutely! Walnuts or almonds work well and will give a slightly different but equally delicious nutty crunch to the crumb topping.

What if I don’t have coconut extract? Can I use coconut milk?

Coconut extract delivers concentrated flavor perfect for the drizzle. Coconut milk adds moisture and will alter the consistency, so it’s not a great substitute here. If you can’t find coconut extract, you might skip it or try a tiny bit of coconut-flavored liqueur for a twist.

How do I make sure the crust stays crisp under the filling?

Press the crust firmly into the pan and bake it partially before adding the filling. Also, draining the pineapple well and baking the bars covered initially helps prevent sogginess.

Final Thoughts

Now that you’ve uncovered all the secrets to making the incredible Pineapple Bars with Cream Cheese and Coconut Drizzle Recipe, it’s time to get baking! This tropical-inspired dessert is a love letter to buttery crusts, tangy pineapple, and luscious creamy textures, all topped with a heavenly coconut glaze. Whip up a batch soon and watch these bars become a beloved staple in your dessert rotation — I promise they’ll bring sunshine to every bite.