Pineapple Bars with Coconut Drizzle

Pineapple Bars with Coconut Drizzle are a tropical-inspired dessert that combines a buttery shortbread crust, a sweet and tangy pineapple filling, and a luscious coconut glaze. These bars are perfect for summer gatherings, potlucks, or when you’re craving a taste of the tropics in a simple, easy-to-make treat.

Why You’ll Love This Recipe

  • Tropical flavors: A delicious blend of sweet pineapple and creamy coconut.
  • Easy to make: Simple ingredients and minimal prep time make this a hassle-free dessert.
  • Perfect texture: A buttery crust, soft pineapple filling, and a smooth drizzle create a satisfying bite.
  • Great for any occasion: Ideal for parties, picnics, or as a sweet afternoon treat.
  • Make-ahead friendly: These bars store well, so you can prepare them in advance.

Ingredients

Pineapple Bars with Coconut Drizzle 10 Pineapple Bars with Coconut Drizzle are a tropical-inspired dessert that combines a buttery shortbread crust, a sweet and tangy pineapple filling, and a luscious coconut glaze. These bars are perfect for summer gatherings, potlucks, or when you’re craving a taste of the tropics in a simple, easy-to-make treat.

(Tip: You’ll find the full list of ingredients and measurements in the recipe card below.)

For the crust:

  • All-purpose flour
  • Unsalted butter (softened)
  • Powdered sugar
  • Salt

For the pineapple filling:

  • Crushed pineapple (drained)
  • Granulated sugar
  • Cornstarch
  • Egg yolks
  • Vanilla extract
  • Lemon juice

For the coconut drizzle:

  • Powdered sugar
  • Coconut milk
  • Coconut extract (optional)

Directions

  1. Prepare the crust: Preheat oven to 350°F (175°C). In a bowl, mix flour, powdered sugar, salt, and softened butter until crumbly. Press into a greased baking dish and bake for 12-15 minutes until lightly golden.
  2. Make the filling: In a saucepan, combine crushed pineapple, sugar, cornstarch, egg yolks, vanilla extract, and lemon juice. Cook over medium heat, stirring constantly, until thickened. Let cool slightly.
  3. Assemble and bake: Pour the pineapple filling over the baked crust and spread evenly. Return to the oven and bake for another 15-20 minutes.
  4. Cool and drizzle: Allow the bars to cool completely. Mix powdered sugar and coconut milk to create a smooth drizzle, then drizzle over the bars.
  5. Slice and serve: Cut into squares and enjoy!

Servings and Timing

  • Servings: Makes about 12 bars
  • Prep time: 15 minutes
  • Cook time: 30-35 minutes
  • Total time: 50 minutes

Variations

  • Nutty crunch: Add shredded coconut or chopped macadamia nuts to the crust.
  • Extra coconut flavor: Sprinkle toasted coconut flakes on top before serving.
  • Gluten-free option: Use a gluten-free flour blend for the crust.
  • Dairy-free version: Substitute butter with coconut oil and use dairy-free coconut milk for the drizzle.
  • Pineapple-coconut bars: Mix shredded coconut into the pineapple filling for an extra tropical taste.

Storage/Reheating

  • Refrigerator: Store in an airtight container for up to 5 days.
  • Freezer: Freeze for up to 2 months. Thaw at room temperature before serving.
  • Serving tip: Enjoy chilled or let them come to room temperature for a softer texture.

FAQs

Pineapple Bars with Coconut Drizzle
Pineapple Bars with Coconut Drizzle 11 Pineapple Bars with Coconut Drizzle are a tropical-inspired dessert that combines a buttery shortbread crust, a sweet and tangy pineapple filling, and a luscious coconut glaze. These bars are perfect for summer gatherings, potlucks, or when you’re craving a taste of the tropics in a simple, easy-to-make treat.

Can I use fresh pineapple instead of canned?

Yes! Finely chop fresh pineapple and cook it down slightly before using.

What size pan should I use?

An 8×8-inch or 9×9-inch pan works best for these bars.

Can I use coconut flakes instead of coconut milk for the drizzle?

Yes! You can use coconut flakes as a topping and substitute regular milk in the drizzle.

How do I prevent the crust from getting too hard?

Bake just until golden and avoid overmixing the dough.

Can I make these bars ahead of time?

Yes! They taste even better the next day, as the flavors meld together.

How do I get clean slices?

Use a sharp knife and wipe it clean between cuts for neat bars.

Can I make these without the drizzle?

Yes, they’re still delicious on their own or with powdered sugar dusted on top.

What other toppings can I use?

Try white chocolate drizzle, caramel sauce, or chopped nuts.

Can I add coconut directly to the filling?

Absolutely! It will add extra texture and flavor.

Can I double the recipe?

Yes! Use a 9×13-inch pan and adjust baking time slightly.

Conclusion

Pineapple Bars with Coconut Drizzle are a delightful tropical dessert that’s easy to make and packed with flavor. With a buttery crust, sweet pineapple filling, and creamy coconut topping, these bars are perfect for any occasion. Try them for your next gathering or as a refreshing treat to brighten your day!

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Pineapple Bars with Coconut Drizzle

Pineapple Bars with Coconut Drizzle

5 Stars 4 Stars 3 Stars 2 Stars 1 Star No reviews
  • Author: samahkitchen
  • Prep Time: 15 minutes
  • Cook Time: 40 minutes
  • Total Time: 1 hour 25 minutes
  • Yield: 16 bars 1x
  • Category: Dessert
  • Method: Baking
  • Cuisine: American
  • Diet: Vegetarian

Description

These tropical pineapple bars have a buttery crust, a luscious pineapple filling, and a sweet coconut drizzle on top. They’re the perfect balance of tangy, sweet, and creamy!

 


Ingredients

Units Scale
For the Crust:
  • 1 cup (226g) unsalted butter, softened
  • 1/2 cup (100g) granulated sugar
  • 2 cups (250g) all-purpose flour
  • 1/4 teaspoon salt
For the Pineapple Filling:
  • 1 can (20 oz / 567g) crushed pineapple, drained
  • 3/4 cup (150g) granulated sugar
  • 1/4 cup (32g) cornstarch
  • 2 large eggs
  • 1 teaspoon vanilla extract
  • 1/2 teaspoon coconut extract (optional)
For the Coconut Drizzle:

 

  • 1 cup (120g) powdered sugar
  • 2 tablespoons coconut milk (or regular milk)
  • 1/2 teaspoon vanilla or coconut extract

Instructions

Preheat the Oven & Prepare the Pan – Preheat oven to 350°F (175°C). Line an 8×8-inch baking pan with parchment paper.

Make the Crust – In a bowl, beat the butter and sugar until creamy. Add flour and salt, mixing until crumbly. Press evenly into the pan. Bake for 15 minutes, or until lightly golden.

Prepare the Pineapple Filling – In a saucepan over medium heat, mix drained crushed pineapple, sugar, and cornstarch. Stir continuously until thickened, about 3-5 minutes. Remove from heat and let cool slightly.

Add the Filling – In a small bowl, whisk eggs, vanilla, and coconut extract. Stir into the cooled pineapple mixture. Pour over the baked crust.

Bake Again – Return to the oven and bake for 20-25 minutes, or until set. Let cool completely.

Make the Coconut Drizzle – Whisk powdered sugar, coconut milk, and vanilla/coconut extract until smooth. Drizzle over the cooled bars.

Chill, Slice & Serve – Refrigerate for at least 30 minutes before slicing into bars. Enjoy!


Notes

For extra coconut flavor, sprinkle toasted coconut flakes on top.

Store in the fridge for up to 5 days.

Swap coconut drizzle for a cream cheese glaze if you prefer!

Leave a Comment & Rate this Recipe!

If you love this recipe, please consider giving it a star rating when you leave a comment. Star ratings help people discover my recipes online. Your support means a lot to me, I appreciate you.

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

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