Pineapple Crumb Bars are the perfect treat when you want a bright, fruity dessert that feels both simple and satisfying. With a buttery crumble base, a sweet pineapple filling, and a golden topping, these bars come together quickly and deliver bold flavor in every bite. Whether you plan a picnic or need a quick homemade dessert, this recipe fits beautifully into your summer picnic dessert lineup.
Story
I started making Pineapple Crumb Bars during warmer months when fresh, tropical flavors felt just right. Over time, this recipe became a go-to because it combines pantry staples with a vibrant fruit filling. The mix of coconut flakes and pineapple creates a texture that feels both soft and slightly crisp.
Whenever I prepare Pineapple Crumb Bars, I notice how quickly they disappear. The buttery crumble melts into the pineapple layer, while the fruit adds a naturally sweet and slightly tangy contrast. These bars also travel well, which makes them ideal for gatherings or outdoor meals.
Another reason I keep returning to Pineapple Crumb Bars is the simplicity. The process stays straightforward, yet the result feels special enough for guests. Plus, the balance of flavors keeps every bite interesting and satisfying.
Ingredients
- 1 1/2 cups all-purpose flour
- 1 1/2 cups unsweetened shredded coconut
- 1/2 cup granulated sugar
- 1/4 cup brown sugar
- 1/2 teaspoon baking soda
- 1/2 teaspoon baking powder
- 1/4 teaspoon salt
- 1/2 cup unsalted butter, melted and cooled
- 1 can (20 oz) crushed pineapple in juice, drained well
- 2 tablespoons granulated sugar
- 2 tablespoons brown sugar
- 1/4 teaspoon cinnamon
- 1 teaspoon vanilla extract
- 2 tablespoons cornstarch
Step-by-Step Instructions
Preparing the Ingredients
Start by preheating your oven to 375°F and lining an 8×8-inch baking pan with parchment paper. Then, in a mixing bowl, combine flour, shredded coconut, both sugars, baking soda, baking powder, and salt. Stir everything together so the dry ingredients distribute evenly.
Next, pour in the cooled melted butter and mix with a fork until the texture resembles coarse crumbs. Set aside one cup of this mixture for the topping. Press the remaining mixture firmly into the bottom of the prepared pan to form the crust.
Cooking Instructions
In another bowl, combine the drained crushed pineapple, sugars, cinnamon, vanilla extract, and cornstarch. Stir well until the mixture thickens slightly. Spread this filling evenly over the crust layer.
After that, sprinkle the reserved crumb mixture over the top. Place the pan in the oven and bake for about 25 minutes, or until the top turns golden with light brown spots.
Tips for Perfect Results
Common Mistakes to Avoid
Many people rush the cooling step, but that often leads to crumbly bars. Always let the Pineapple Crumb Bars cool completely before slicing. Also, avoid using hot butter, since it can affect the texture and make the mixture too soft.
Another common issue comes from excess moisture in the pineapple. Drain it well and press out extra liquid to keep the bars from turning soggy.
Pro Tips for Better Flavor
For deeper flavor, try using a mix of vanilla and coconut extract. This small change adds a richer aroma and complements the fruit perfectly. Additionally, lightly toasting the coconut before mixing can bring out a nuttier taste.
If you prefer a firmer texture, refrigerate the bars for a few hours before cutting. This step helps the layers hold together beautifully.
Serving and Storage
How to Serve
Serve Pineapple Crumb Bars chilled or at room temperature, depending on your preference. They pair nicely with whipped cream or a scoop of vanilla ice cream. Because they cut cleanly into squares, they work well for picnics, potlucks, or casual gatherings.

How to Store Leftovers
Store leftover bars in an airtight container in the refrigerator for up to four days. If you want to keep them longer, freeze individual squares and thaw them when needed. Reheating is optional, but a few minutes at room temperature brings back their soft texture.
Conclusion
Pineapple Crumb Bars bring together ease and flavor in a way that makes them a reliable favorite. With their fruity filling and crisp topping, they suit both everyday baking and special occasions. Once you try them, they quickly become a regular addition to your dessert rotation.
Discover more delicious recipes by following me on Facebook and Pinterest.
Frequently Asked Questions
Can I use fresh pineapple instead of canned?
Yes, you can use fresh pineapple, but chop it finely and remove excess juice. This step helps maintain the right consistency in the filling.
Why are my crumb bars falling apart?
They usually fall apart if you cut them while still warm. Let them cool completely and refrigerate before slicing for clean edges.
Can I make these bars ahead of time?
Yes, Pineapple Crumb Bars work well as a make-ahead dessert. Prepare them a day in advance and store them in the refrigerator until ready to serve.
Print
Pineapple Crumb Bars
- Total Time: 40 minutes
- Yield: 9 bars 1x
- Diet: Vegetarian
Description
Buttery pineapple crumb bars with coconut and a golden topping.
Ingredients
- 1 1/2 cups all-purpose flour
- 1 1/2 cups shredded coconut
- 1/2 cup granulated sugar
- 1/4 cup brown sugar
- 1/2 teaspoon baking soda
- 1/2 teaspoon baking powder
- 1/4 teaspoon salt
- 1/2 cup unsalted butter
- 1 can crushed pineapple
- 2 tablespoons granulated sugar
- 2 tablespoons brown sugar
- 1/4 teaspoon cinnamon
- 1 teaspoon vanilla extract
- 2 tablespoons cornstarch
Instructions
- Preheat oven to 375°F
- Mix dry ingredients
- Add butter and create crumbs
- Press crust into pan
- Mix filling ingredients
- Spread filling over crust
- Add crumb topping
- Bake 25 minutes
- Cool and slice
Notes
- Drain pineapple well
- Use cooled butter
- Let bars cool before cutting
- Prep Time: 15 minutes
- Cook Time: 25 minutes
- Category: Dessert
- Method: Baking
- Cuisine: American
Nutrition
- Serving Size: 1 bar
- Calories: 395
- Sugar: 32
- Sodium: 255
- Fat: 21
- Saturated Fat: 11
- Unsaturated Fat: 9
- Trans Fat: 0
- Carbohydrates: 52
- Fiber: 5
- Protein: 3
- Cholesterol: 45