This whole grain banana snack cake is fluffy, moist, and balanced by warming spices. It's also naturally gluten-free, made with delicious oat flour, though you can use whole wheat flour if you prefer. Make sure not to skip the chocolate chips!

Cut up this sweet little banana snack cake into squares and nibble on them all day long! Made gluten-free with oat flour, or not, with whole wheat flour, this cake is a hit with my kids. It's banana-y and just chocolatey enough, thanks to the handful of mini chocolate chips scattered over its top.
While I dearly love a gluten free banana bundt cake or a gluten-free banana cake with cream cheese frosting, those cakes feel a bit more like celebratory cakes than a simple afternoon bake. This banana snack cake is the kind of cake I make before when I want to have something ready for my girls when they get home. This is an easy, one-bowl batter that bakes up like a dream: soft yet sturdy, super flavorful, and easy to eat with your hands!
Jump to:
What's So Great About A Snack Cake
A snack cake, or snacking cake, is such a cute name. It makes me think of, well, snacking (who doesn't love a snack?) And it's meant to be casual, not as complex as a proper cake, maybe made in one bowl, and with easy ingredients. You know what I mean? I love this cake because it's:
- Made in one bowl. Whisk those wet ingredients together, fold in the leavening and flour, then pop the batter into a pan and bake it off. That's literally it.
- The banana/chocolate combo. I know that bananas and peanut butter are made for each other (and if you want a cake, I've got you covered with my super yummy gluten free banana peanut butter cake), but chocolate + bananas are equally superb. This is kind of an easier version of an oat flour banana cake with chocolate frosting, though of course a unique cake in its own right.
- Easily gluten-free. My favorite oat and almond flour duo stands in for all-purpose flour here, and I promise you won't notice a difference. Plus, you'll get extra protein and whole grains from using those single-origin flours. Or, make it with whole wheat flour if you prefer.

Ingredients Needed
Here's a look at what you'll need to make a banana snack cake. Make sure to scroll down to my recipe card at the bottom of this post for the full ingredient amounts and instructions!
- Butter - Use unsalted butter, melted and slightly cooled. Use your choice of oil (like melted coconut oil, canola, or avocado oil) instead of the butter for a dairy-free version.
- Brown sugar - Either light or dark brown sugar is fine.
- Eggs - Large or medium-sized eggs.
- Yogurt - I prefer plain, whole-fat yogurt here, but any variety (low-fat or non-fat) also works. Try Greek yogurt for a protein boost.
- Bananas - You'll need one cup of mashed bananas, from about 2 very ripe bananas.
- Baking soda
- Salt - I use fine sea salt, and table salt also works.
- Flour - I use oat flour (learn how to make oat flour at home easily!) here, and whole wheat flour or whole wheat pastry flour is also a good choice if you don't need to keep gluten-free.
- Almond flour - Fine ground almond flour adds moisture and protein. If you don't eat nuts, swap oat flour or whole wheat flour.
- Chocolate chips - I prefer mini chocolate chips to scatter over the top! But if you have regular chocolate chips, those are OK, too. Use semisweet chocolate chips so the cake is not overly sweet.
Add-In Ideas
- Nuts - Stir in ½ cup of chopped nuts like walnuts, almonds, or pecans.
- Chocolate IN the cake - Add chocolate chips to the cake! You can do this instead of sprinkling them over the top of the batter, or in addition to. I know!
- Sliced almonds - Trade the chocolate chips for sliced almonds, or do a combination. Add as many or as few almonds as you like.

Step-by-Step Instructions
Here's an overview in photos of how to make this banana snack cake:

1. Whisk butter: In a large bowl, whisk together the butter, brown sugar, eggs, vanilla, and yogurt.

2. Add remaining ingredients: Stir in the rest of the ingredients except the chocolate chips.

3. Rest: Grease an 8x8-inch pan and line with parchment, then add the batter.

4. Bake: Scatter chocolate chips over the top of the cake, then bake at 350F for about 30 minutes.
Tips & Recipe Notes
- Use ripe bananas. The riper the bananas, the sweeter they will be and the easier they will blend into the batter. You can even try to reduce the amount of sugar by ¼ cup if your bananas are very sweet.
- Brown the butter. For a fabulous extra note of flavor, brown the butter. Cook it over medium heat until slightly nutty-smelling and browned. Make sure to cool a bit before using.
- Egg-free: This cake takes well to being egg-free because bananas already have a fantastic binding ability. Add 1 flax egg instead of the eggs: mix 1 tablespoon ground flaxmeal in 3 tablespoons of water, let sit for 5 minutes, then add to the batter.
- Flour options: Any whole grain gluten-free flour is great here. I of course love oat flour, but sorghum or brown rice flour also works well. If you don't need to eat gluten-free, use a whole grain flour like spelt flour or whole wheat or whole wheat pastry flour. All-purpose flour may also be used.
- Dairy-free: Use dairy-free butter or melted coconut oil for the butter, and use dairy-free yogurt or non-dairy milk for the yogurt.
- Add a little spice. Warm up the cake with 1 teaspoon of ground cinnamon or ½ teaspoon cinnamon + ½ teaspoon ginger.

Proper Storage
- Counter - Store the cake in the pan, covered, or in an airtight container, on the counter for up to 4 days.
- Fridge - Keep the cake in an airtight container in the fridge or covered with foil, in the fridge for up to 1 week.
- Freezer - Place cake in a freezer-safe bag and store in the freezer for up to 2 months. Thaw in the fridge before serving.
More Gluten Free Banana Recipes
Happy baking! If you make this banana snack cake recipe, I'd love to know. Please leave a comment below, reach out with any questions, and tag me on Instagram @Cucina Nicolina ❤️
Recipe

Banana Snack Cake
Ingredients
- ½ cup unsalted butter , melted and cooled slightly
- ⅔ cup light brown sugar
- 2 large eggs
- ¼ cup plain yogurt
- 1 cup mashed bananas , about 2 very ripe bananas
- 1 teaspoon baking soda
- ½ teaspoon fine salt
- 1 ½ cups oat flour (180 grams)
- ¼ cup almond flour (30 grams)
- ½ cup mini chocolate chips
Instructions
- Preheat the oven to 350°F. Grease an 8-inch square cake pan and line it with a piece of parchment paper that extends up and over two opposite sides of the pan.
- In a large bowl, whisk together the ½ cup unsalted butter, ⅔ cup light brown sugar, 2 teaspoons pure vanilla extract, 2 large eggs, ¼ cup plain yogurt, and 1 cup mashed bananas until smooth. Whisk in the 1 teaspoon baking soda and ½ teaspoon fine salt, then fold in the 1 ½ cups oat flour and ¼ cup almond flour until just combined.
- Scrape the batter into the prepared pan and smooth the top. Sprinkle the ½ cup mini chocolate chips evenly over the top. Rest the batter while the oven heats.
- Place in the oven and bake for 30-35 minutes, until a tester comes out clean. Cool on a wire rack for 30 minutes, then either cut and serve from the pan or transfer the cake to a plate to serve.
Notes
- Use ripe bananas. The riper the bananas, the sweeter they will be and the easier they will blend into the batter. You can even try to reduce the amount of sugar by ¼ cup if your bananas are very sweet.
- Brown the butter. For a fabulous extra note of flavor, brown the butter. Cook it over medium heat until slightly nutty-smelling and browned. Make sure to cool a bit before using.
- Egg-free: This cake takes well to being egg-free because bananas already have a fantastic binding ability. Add 1 flax egg instead of the eggs: mix 1 tablespoon ground flaxmeal in 3 tablespoons of water, let sit for 5 minutes, then add to the batter.
- Flour options: Any whole grain gluten-free flour is great here. I of course love oat flour, but sorghum or brown rice flour also works well. If you don't need to eat gluten-free, use a whole grain flour like spelt flour or whole wheat or whole wheat pastry flour. All-purpose flour may also be used.
- Dairy-free: Use dairy-free butter or melted coconut oil for the butter, and use dairy-free yogurt or non-dairy milk for the yogurt.
- Add a little spice. Warm up the cake with 1 teaspoon of ground cinnamon or ½ teaspoon cinnamon + ½ teaspoon ginger.









Juliet says
This cake looks great! Can I omit the coconut? Should a toothpick come out clean? It is still very wet after 45 minutes, but I used an 8 inch pan. Thank you!
Heidi Leon Monges says
Well, "congratulations" on your year in Saudi, I know it is a tough country to live in (hubby worked in Djeddah in 2013 and I was supposed to join him but in the end, we both decided not to continue the Saudi adventure) From Saudi we moved to Morocco! (hey, we're kind of following each others steps), and exactly a year ago we moved to France (my hubs home country). I know how hard is to insert (or try to) in the local community (when possible), so I hope this last year you will live in Saudi (if I understood correctly) will go smoother. I know, I wished I could have enjoyed more of Morocco.
Oh and banana cake sounds great. :)
sonrie says
I like reading and seeing your pictures of another place, even if it is a place I will not likely visit. You get to be in the position to see something that a lot of people just hear about and the learn about the intricacies of culture. In my work I meet women from other parts of the world and they sometimes are afraid of my city because of what they hear on the news about it -- but it's such a safe and different place on the whole. I think a lot of places must be like that.
On the topic of banana bread, I made 2 loaves about a month ago - one orange cranberry and one blueberry chocolate. Both winners. Your recipe also looks like it's worth a try.
Lesli Frederick says
Wait, did you say four years? Wow...