French's Green Bean Casserole Recipe With Canned Green Beans: Crunchy Top, Creamy Mushroom Magic

Side Dishes

French's Green Bean Casserole Recipe With Canned Green Beans: Crunchy Top, Creamy Mushroom Magic

French's Green Bean Casserole with canned green beans delivers that nostalgic, creamy comfort in just 45 minutes—no fresh ingredients required. I've perfected this classic side dish to balance crispy fried onions with velvety mushroom sauce, making it the ultimate crowd-pleaser for holidays or weeknight dinners.

The secret lies in layering properly and baking until the top turns golden and bubbly.

This recipe keeps the tradition alive while offering modern convenience. You'll sauté onions and mushrooms for rich flavor, then combine them with French's French Fried Onions, canned green beans, and a creamy mushroom soup base.

The result is a dish that's creamy yet textured, with that signature crunchy topping that everyone loves. It's the kind of recipe that transforms simple pantry staples into something special.

What makes this version stand out is how it delivers restaurant-quality texture without requiring fresh green beans or complicated prep. The canned beans hold their shape while absorbing the creamy sauce, and the fried onions add that essential crunch.

By the time it comes out of the oven, you'll have a side dish that's rich, satisfying, and ready to be the star of any meal.

The best part? This casserole reheats beautifully and tastes even better the next day. Perfect for meal prep or holiday gatherings, it's a recipe that proves comfort food doesn't have to be complicated. Let's get started on creating your own creamy, crunchy masterpiece.

👨‍🍳
Difficulty
Medium
🌿
Category
Vegetarian
🔥
Calories
Med Cal

Ingredients for french's green bean casserole recipe with canned green beans

Pantry staples transform into nostalgic comfort—crispy onions, creamy mushrooms, and canned green beans.

Ingredient Amount Notes
French's French Fried Onions 🧅 1 ½ cups For crunchy topping
Canned Green Beans 🌱 4 cups Drained, no salt added
Cream of Mushroom Soup 🍄 2 cups Condensed, unsalted
Milk 🥛 ½ cup Whole milk preferred
Yellow Onion 🧅 1 whole Diced, medium size
Mushrooms 🍄 8 oz Sliced, fresh or canned
Butter 🧈 2 tbsp Unsalted, for sautéing
All-Purpose Flour 🌾 1 tbsp For thickening sauce
Salt 🧂 ½ tsp Adjust to taste
Black Pepper 🌶️ ¼ tsp Freshly ground
Garlic Powder 🧄 ½ tsp For extra flavor
French Fried Onions (Extra) 🧅 ½ cup For final topping

The French's French Fried Onions are non-negotiable for that iconic crunch. Grab the 1.5-ounce bag from any grocery store—it's the same stuff that's been making casseroles magical for decades. For the mushrooms, fresh slices give the best texture, but canned mushrooms work in a pinch (just drain them well). The canned green beans? Low-sodium or no-salt-added is key—you're controlling the seasoning here. I always check the label on the cream of mushroom soup too—some brands have added salt that can make the whole dish too salty. Campbell's or Progresso are safe bets, but read the label first.

No cream of mushroom soup? Cream of celery soup plus a handful of chopped mushrooms gets you close. Short on green beans? Canned asparagus or corn works in a bind (though it won't be traditional). The onions and mushrooms need to be sautéed until they're soft but not mushy—that's where the flavor happens. Don't skip the butter for sautéing—it makes everything taste richer. And if you're feeling fancy, add a splash of white wine when you're cooking the mushrooms. The flour is just for thickening, but trust me, it makes the sauce silkier. For the final topping, I always sprinkle an extra half cup of fried onions right before baking—it's worth the extra minute.

This casserole tastes even better the next day. Portion into individual baking dishes if you're making it ahead—just add 5-10 minutes to the baking time. Keeps in the fridge for 4-5 days or freezes beautifully for up to 3 months. The best part? It reheats like a dream. Pop it in the oven at 350°F for 20 minutes, and you've got restaurant-quality comfort food. Double the recipe for holiday gatherings—it disappears fast!

❤️

Why You'll Love This Recipe

  • No Chopping Needed: I swear by canned green beans here—no wilting, no measuring, just drain and dump. Even when I’m too tired to peel onions, the pre-cooked beans and jarred soup handle all the work while I stir in milk and sprinkle those crispy French’s onions on top.
  • Creamy Crunch Magic: That creamy mushroom soup base with just a splash of milk? It’s the secret—rich but not heavy, and the French’s onions? Chef’s kiss. The salty crunch cuts through the creaminess every single time, like a perfect textural hug.
  • Leftovers That Last: This casserole actually improves the next day, honestly. The flavors meld overnight, and it reheats like a dream—great for lunchboxes or a quick dinner when you’ve got better things to do than cook.
  • Budget Dinner for 6: A single can of beans, a jar of soup, and a bag of onions stretch to feed a crowd. I’ve made this for potlucks, game nights, and even my picky college-age kids—it’s cheap, filling, and no one ever complains. (Yes, even on a Tuesday night.)

Step-by-step instructions for French's green bean casserole

Here's how to make this creamy, comforting classic with canned green beans and all the magic of French's fried onions.

1

Sauté Onions and Mushrooms for Flavor

Melt the 2 tablespoons butter in a large skillet over medium heat. Add the diced yellow onion and cook for 3-4 minutes until softened and translucent. This is where the flavor foundation begins—don't rush this step or the onions will turn bitter.

Add the 8 ounces sliced mushrooms and cook for another 5-6 minutes until they release their moisture and begin to brown. You're looking for golden edges on the mushrooms and a fragrant aroma filling your kitchen. Stir occasionally to ensure even cooking and prevent sticking.

2

Make the Creamy Mushroom Sauce

Lower the heat to medium-low and sprinkle the 1 tablespoon all-purpose flour over the onion-mushroom mixture. Stir constantly for 1-2 minutes until the flour is fully incorporated and the mixture thickens slightly. This creates a roux that will help thicken your sauce beautifully.

Gradually pour in the 2 cups cream of mushroom soup and ½ cup milk, stirring constantly to prevent lumps from forming. Let the mixture simmer for 3-4 minutes until it thickens into a smooth, creamy consistency. Taste and adjust seasoning with ½ teaspoon salt, ¼ teaspoon black pepper, and ½ teaspoon garlic powder—this is where you build all that rich, savory flavor.

3

Combine with Green Beans

In a separate bowl, drain the 4 cups canned green beans thoroughly, shaking off any excess liquid. Add them to the creamy mushroom mixture and stir gently to coat each bean. You want the green beans to absorb that velvety sauce without breaking apart—handle them with care to maintain their shape.

Transfer the entire mixture to a 9x13-inch baking dish and spread it out evenly. The beans should be nestled comfortably in the sauce, ready for the next step. This is where the magic begins to come together—you're creating that perfect creamy base that makes this casserole so irresistible.

4

Top with Crunchy French's Fried Onions

Sprinkle 1½ cups French's French Fried Onions evenly over the top of the green bean mixture, pressing down gently so they nestle into the sauce. This is the moment that transforms your casserole from good to extraordinary—the crispy onions will bake until golden and create that perfect textural contrast with the creamy base.

Finally, sprinkle the remaining ½ cup French's French Fried Onions on top for extra crunch. The key here is to distribute them evenly so every bite gets that satisfying crunch with each creamy mouthful. This final touch is what makes this casserole a classic comfort food.

5

Bake Until Bubbly and Golden

Preheat your oven to 350°F and bake the casserole for 25-30 minutes until the top is golden brown and the edges are bubbling. You'll know it's ready when the onions are crispy and the sauce has thickened to a perfect consistency. The green beans should be heated through but still hold their shape.

Let the casserole rest for 5-10 minutes before serving—this allows the sauce to set slightly and makes it easier to slice. The creamy mushroom sauce will have thickened just enough to cling to each green bean, while the French's fried onions will maintain that perfect crunch. Serve warm and enjoy this comforting classic that's sure to become a family favorite!

👨‍🍳

Pro Tips For Making French'S Green Bean Casserole Recipe With Canned Green Beans

  • Drain & Rinse Beans: Canned green beans come packed in salty brine—skip rinsing if you want that extra flavor punch, but if you’re sensitive to salt, give them a quick cold-water rinse. I learned this the hard way when my first batch tasted like a salt lick, and now I only rinse if the recipe calls for it or if I’m prepping ahead.
  • Sauté the Onion First: Don’t just chop the yellow onion and toss it in raw—sauté it in butter or oil for 3-4 minutes until soft and fragrant. This step deepens the flavor and prevents the casserole from tasting flat. (Yes, even if you’re impatient like me, take the extra minute.)
  • Layer Onions Last: Sprinkle the French’s fried onions right before baking, not when you mix the soup and beans. They’ll stay crunchy longer and won’t get soggy from sitting in the creamy sauce. I used to add them early, and they’d turn into sad, mushy bits by the time it was done.
  • Thicken the Sauce: If your cream of mushroom soup mixture looks too runny, mix in a splash of milk and a tablespoon of flour or cornstarch first. This guarantees a creamy, clingy texture instead of a watery mess. (I’ve had both, and the difference is night and day.)

Dietary considerations for french's green bean casserole recipe with canned green beans

Gluten-Free Adaptation

This classic casserole can easily be made gluten-free by substituting the cream of mushroom soup with a gluten-free version like Campbell's Gluten-Free Cream of Mushroom Soup or Imagine Foods brand. The French's French Fried Onions are naturally gluten-free, but always double-check the packaging since formulations can change.

For extra insurance, I recommend toasting your own onions by tossing ½ cup diced onions in 1 tablespoon olive oil and baking at 400°F for 10-12 minutes until crispy. 🌾

Dairy-Free Options

For a dairy-free version, replace the ½ cup milk with unsweetened almond milk or oat milk, and use a dairy-free cream of mushroom soup like Pacific Foods brand.

The butter in the sauté can be swapped for olive oil or vegan butter—just reduce the amount slightly since plant-based fats have different cooking behaviors. I've found that adding 1 teaspoon nutritional yeast boosts the savory depth when using dairy-free alternatives. 🥛

Low-Carb Version

Transform this into a low-carb delight by omitting the green beans entirely and using cauliflower florets instead. Sauté 1 head cauliflower cut into florets until tender, then proceed with the recipe as written. For extra flavor, add ½ teaspoon onion powder and ½ teaspoon garlic powder to the sautéed mushrooms.

The French's fried onions remain a must—they add that satisfying crunch without derailing your low-carb goals. 🥬

Vegetarian-Friendly

This recipe is already vegetarian, but you can elevate it further by adding ½ cup chopped walnuts or pecans to the top layer for extra texture. For a richer flavor, stir 1 tablespoon soy sauce into the mushroom mixture before baking.

I've also seen great results using vegetable broth instead of milk to keep it lighter while maintaining creaminess. The dish remains hearty and satisfying without any animal products. 🌱

Lower-Sodium Adjustments

Since canned green beans and cream of mushroom soup often contain added sodium, I recommend using no-salt-added canned beans and a low-sodium cream of mushroom soup like Progresso Low Sodium.

After assembling the casserole, taste before baking and adjust seasoning with additional black pepper, garlic powder, or a pinch of smoked paprika for depth without extra salt. This makes the dish heartier while keeping it healthier. 🧂

Kid-Friendly Tweaks

For picky eaters, blend the green beans with the sauce before baking to create a smoother texture. Add ½ cup shredded cheddar cheese on top before baking for extra appeal.

I've also found that mixing in ½ cup corn kernels (drained if canned) makes the dish more approachable for kids while keeping the classic flavors intact. The crispy onions remain the star attraction! 🧀

Nutrition facts

Servings 6
Amount Per Serving
Calories 340kcal
% Daily Value *
Total Fat 18g23%
Saturated Fat 11g55%
Cholesterol 35mg12%
Sodium 680mg29%
Total Carbohydrate 38g13%
Dietary Fiber 6g21%
Sugars 8g
Protein 12g24%
* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

Frequently asked questions

1

Can I use fresh green beans instead of canned?

Fresh green beans work beautifully! Just blanch them for 3-4 minutes in boiling water, then drain and shock in ice water to stop cooking. This preserves their texture. Use 4 cups trimmed fresh beans (about 1 pound) instead of canned. The key difference is fresh beans hold their shape better but require extra prep time.

2

Why does my casserole get watery after baking?

This usually happens when the green beans aren't drained thoroughly or the sauce isn't thickened enough. Always shake cans of green beans well to remove excess liquid, and simmer the sauce longer (up to 5 minutes) to reduce moisture. Another trick: sprinkle 1 tablespoon cornstarch mixed with 1 tablespoon cold water into the sauce before baking.

3

Can I make this ahead of time?

Assemble the casserole up to 24 hours ahead and refrigerate uncovered. Before baking, let it sit at room temperature for 30 minutes to even out, then bake as directed (add 5-10 minutes to baking time). For freezing, bake first, cool completely, cover tightly, and freeze for up to 3 months. Reheat at 350°F for 20 minutes.

4

What's the best way to reheat leftovers?

For best results, cover with foil and reheat at 350°F for 15-20 minutes until bubbly. Microwaving works too: cover with a damp paper towel and heat in 1-minute intervals on high, stirring between each. The onions may lose some crunch when reheated, but the creamy sauce stays delicious. Add fresh fried onions on top after reheating for extra crunch.

5

Can I substitute the French's fried onions?

Yes! For homemade crunch, toss 1 cup diced onions in 1 tablespoon oil and bake at 400°F for 15-20 minutes until crispy. Another option is crushed potato chips (like saltines) or panko breadcrumbs mixed with 1 tablespoon melted butter and baked until golden. Just know homemade versions may not be as perfectly crispy as the classic French's topping.

★★★★★4.7(9 reviews)
Categories Side Dishes