These Pineapple Crumb Bars are a tropical getaway in every bite, combining a buttery coconut crust with a sweet, zesty pineapple filling. They are incredibly easy to whip up and perfect for summer potlucks, afternoon snacks, or any time you need a refreshing, sun-filled treat.
Featuring a crisp, toasted coconut topping and a juicy, thick fruit center, these bars are a delightful balance of sunshine and sweetness in every square.
Recipe Details
- Flavor Profile: Bright and tropical pineapple sweetness paired with nutty coconut and warm notes of cinnamon and vanilla.
- Textures: A buttery, crumbly crust and topping that contrasts perfectly with a soft, jam-like pineapple interior.
- Total Time: 15 minutes of prep and 25 minutes of baking, followed by a few hours for cooling and chilling.
- Difficulty: Easy. This straightforward mixing and layering process requires no special equipment or advanced techniques.
What You’ll Need
To create these tropical bars, you will need a versatile crust and topping mixture made from flour, unsweetened shredded coconut, and a blend of white and brown sugars. The heart of the recipe is a juicy filling made with canned crushed pineapple, thickened with cornstarch, and flavored with a hint of cinnamon and vanilla. Melted butter ties the crumb mixture together for a perfect golden finish.
Ingredient Notes
- Unsweetened Shredded Coconut – This provides a beautiful toasted flavor and a distinct tropical texture to both the base and the crumbly topping.
- Crushed Pineapple – Using a 20 oz. can of crushed pineapple in 100% juice ensures a consistent moisture level and a vibrant fruit flavor.
- Cornstarch – This is a crucial thickener that helps the pineapple juice set into a spreadable, stable filling during the baking process.
- Melted Butter – Ensure the butter is cooled before adding it to the dry ingredients to create the ideal “coarse crumb” consistency.
- Cinnamon and Vanilla – These aromatics add a subtle warmth that enhances the natural sweetness of the pineapple.
Add-ins and Substitutions
- Nutty Crunch: Stir 1/2 cup of chopped macadamia nuts into the reserved crumb mixture for an extra layer of tropical texture.
- Citrus Brightness: Add 1 teaspoon of fresh lime zest to the pineapple filling to amplify the tartness.
- Extract Variation: If you want to lean even further into the tropical theme, you can use coconut extract instead of vanilla.
How to Make Pineapple Crumb Bars
This recipe is designed for ease, utilizing one main mixture for both the crust and the topping to save time and effort.
- Prep the Pan and Oven: Start by preheating your oven to 375 degrees F. Line a square 8×8 baking pan with parchment paper, leaving a little overhang on the sides for easy removal later.
- Create the Crumb Mixture: In a medium bowl, whisk together your flour, coconut, sugars, baking powder, baking soda, and salt. Pour in the melted and cooled butter, then use a fork to stir until the mixture forms coarse, pea-sized crumbs.
- Press the Crust: Set aside exactly one cup of the crumb mixture for later. Press the remaining mixture firmly and evenly into the bottom of your prepared 8×8 pan to form a solid base.
- Prepare the Filling: In another bowl, combine the crushed pineapple, sugars, cinnamon, vanilla, and cornstarch. Stir until the cornstarch is fully incorporated and the sugars have begun to dissolve.
- Assemble and Bake: Spread the pineapple filling evenly over the bottom crust. Sprinkle the reserved cup of crumb mixture over the top. Bake on the middle rack for 25 minutes until the topping is golden brown.
- Chill and Slice: Allow the bars to cool completely on a wire rack before moving them to the refrigerator for a few hours. Once chilled and set, lift them out and cut into 9 even squares.
Pro Tip: Press the bottom crust firmly with the back of a measuring cup or a flat-bottomed glass. A well-compressed crust ensures the bars stay intact and don’t crumble when you lift them out of the pan.
Recipe Tips
- Middle Rack Placement: Baking on the middle rack ensures the bottom crust sets properly without burning, while the top becomes perfectly golden.
- Don’t Skip the Chill: While tempting to eat warm, these bars need to be refrigerated for a few hours to allow the pineapple filling to fully set for clean slicing.
- Drainage Note: You do not need to drain the pineapple! The cornstarch is measured specifically to work with the juice in the can to create a thick, jam-like center.
- Cool Butter: Make sure your melted butter is cooled to room temperature before adding it to the flour mixture; hot butter can melt the sugars too quickly and change the texture of the crumbs.
FAQs
Can I use fresh pineapple instead of canned? While fresh pineapple is delicious, canned crushed pineapple is recommended here because it provides a consistent amount of juice and a specific texture that works perfectly with the 2 tablespoons of cornstarch.
What is the best way to store these bars? Store any leftover bars in an airtight container in the refrigerator for up to 4 days. They are best served chilled, which keeps the fruit layer firm.
Can I use a 9×9 pan? You can, but the bars will be thinner and may require a few minutes less in the oven. For the thickest, juiciest layers, the 8×8 square pan is ideal.
Serving Suggestions
- A La Mode: Serve a chilled bar with a scoop of vanilla bean or coconut ice cream for a decadent dessert.
- Whipped Cream: A dollop of whipped cream on top provides a light, airy contrast to the dense pineapple filling.
- Brunch Platter: These bars look beautiful on a brunch spread alongside fresh berries and a hot cup of coffee or tea.
Make This Recipe in Advance
These bars are an excellent make-ahead dessert because they actually require a few hours of chilling time to reach the perfect consistency. You can bake them the night before, let them chill overnight, and they will be perfectly set and easy to slice the next morning.
Print
Pineapple Crumb Bars
- Total Time: 40 minutes
- Yield: 9 servings 1x
- Diet: Vegetarian
Description
These Pineapple Crumb Bars are a tropical getaway in every bite, combining a buttery coconut crust with a sweet, zesty pineapple filling. They are incredibly easy to whip up and perfect for summer potlucks, afternoon snacks, or any time you need a refreshing, sun-filled treat. Featuring a crisp, toasted coconut topping and a juicy, thick fruit center, these bars are a delightful balance of sunshine and sweetness in every square.
Ingredients
Crust and crumb topping
- 1 1/2 cups all-purpose flour
- 1 1/2 cups unsweetened shredded coconut
- 1/2 cup white granulated sugar
- 1/4 cup brown sugar (light or dark)
- 1/2 teaspoon baking soda
- 1/2 teaspoon baking powder
- 1/4 teaspoon salt
- 1/2 cup unsalted butter, melted and cooled
Filling
- 1 can (20 oz.) crushed pineapple in 100% juice
- 2 tablespoons granulated white sugar
- 2 tablespoons brown sugar (light or dark)
- 1/4 teaspoon cinnamon
- 1 teaspoon vanilla extract or coconut extract
- 2 tablespoons cornstarch
Instructions
Step 1: Prep the Pan and Oven
Preheat your oven to 375°F. Line a square 8×8 baking pan with parchment paper, leaving a little overhang on the sides for easy removal later.
Step 2: Create the Crumb Mixture
In a medium bowl, whisk together the flour, shredded coconut, granulated sugar, brown sugar, baking soda, baking powder, and salt. Pour in the melted and cooled butter, then use a fork to stir until the mixture forms coarse, pea-sized crumbs.
Step 3: Press the Crust
Set aside exactly 1 cup of the crumb mixture for the topping. Press the remaining mixture firmly and evenly into the bottom of your prepared 8×8 pan to form a solid, flat base.
Step 4: Prepare the Filling
In another bowl, combine the crushed pineapple (with its juice), sugars, cinnamon, vanilla, and cornstarch. Stir until the cornstarch is fully incorporated and the sugars have begun to dissolve.
Step 5: Assemble and Bake
Spread the pineapple filling evenly over the bottom crust. Sprinkle the reserved cup of crumb mixture over the top. Bake on the middle rack for 25 minutes until the topping is golden brown and toasted.
Step 6: Chill and Slice
Allow the bars to cool completely on a wire rack at room temperature. Move them to the refrigerator for at least 2-3 hours to allow the filling to set. Once chilled, lift them out using the parchment overhang and cut into 9 even squares.
Notes
Storage Instructions: Store these bars in an airtight container in the refrigerator for up to 4 days. Because of the high moisture content in the pineapple filling, they are best kept chilled to maintain the structure of the fruit layer.
The ‘No-Drain’ Secret: Do not drain the canned pineapple. The 2 tablespoons of cornstarch are specifically measured to thicken the juice during the baking process, creating a jam-like consistency.
Macadamia Variation: For extra tropical flair, stir 1/2 cup of chopped macadamia nuts into the reserved crumb topping before sprinkling it over the pineapple layer.
- Prep Time: 15 minutes
- Cook Time: 25 minutes
- Category: Dessert
- Method: Baking
- Cuisine: American
Nutrition
- Serving Size: 1 bar
- Calories: 365
- Sugar: 28g
- Sodium: 180mg
- Fat: 18g
- Saturated Fat: 13g
- Unsaturated Fat: 5g
- Trans Fat: 0g
- Carbohydrates: 48g
- Fiber: 3g
- Protein: 3g
- Cholesterol: 30mg
Keywords: pineapple crumb bars, coconut pineapple squares, tropical dessert bars, easy pineapple recipes, summer potluck treats, shredded coconut bars
