Wellness Resources

If you’re craving ice cream but want a healthier option, banana ice cream, often called nice cream, is one of the easiest and most satisfying alternatives you can make. This naturally sweet, dairy-free dessert uses simple whole-food ingredients and delivers a creamy texture that rivals traditional ice cream.

Whether you’re looking for a clean dessert, a plant-based treat or just a quick way to use up ripe bananas, this banana ice cream recipe checks every box. Even better, it’s incredibly customizable, making it perfect for anyone following a variety of dietary preferences.

What is nice cream?

Nice cream is a frozen dessert made primarily from blended frozen fruit, most commonly bananas. Unlike traditional ice cream, it doesn’t rely on added sugars, heavy cream or artificial ingredients.

The term “nice cream” comes from the idea that it’s a nicer (healthier and more wholesome) version of ice cream. Because bananas become smooth and creamy when blended, they create a soft-serve-like texture without needing dairy.

At its core, a basic nice cream recipe includes:

• Frozen bananas
• A blender or food processor
• Optional flavor add-ins

This simplicity is what makes banana nice cream such a popular go-to dessert.

Because of their natural starch and sugar content, frozen bananas create a creamy, ice cream-like consistency when blended, making them the ideal base. Other fruits like mango, peaches and nectarines can also be incorporated to enhance both flavor and texture.

A typical banana ice cream recipe starts with frozen banana slices blended with a small amount of liquid, such as almond milk or another clean, plant-based milk, until smooth and creamy. The result closely resembles soft-serve ice cream, but without dairy, refined sugar or processed ingredients.

From there, you can easily customize your banana nice cream recipe with functional, whole-food add-ins. Popular options include cocoa powder for a chocolate version, nut butters for healthy fats and protein, vanilla extract for flavor depth, and additional frozen fruits like berries, pineapple or mango for variety.

While a high-speed blender can work, a food processor is often preferred because it produces a thicker, creamier consistency and gives you more control over texture, especially if you’re aiming for that classic soft-serve feel.

Banana nice cream vs. regular ice cream

There are several key differences between banana ice cream and conventional ice cream:

• Ingredients. Traditional ice cream typically contains cream, milk, refined sugar and stabilizers. Banana nice cream uses whole fruit as its base, often with minimal additional ingredients.
• Nutrition. Banana ice cream is naturally lower in added sugar and can be dairy-free, making it suitable for people with lactose intolerance or those following a plant-based diet, including both vegetarians and vegans.
• Calories. Nice cream generally contains fewer calories than traditional ice cream, especially when no added sweeteners are used.
• Digestibility. Because it’s made from whole foods, banana nice cream may be easier to digest for many people.
• Customization. Nice cream recipes can easily be adapted with different fruits, nut butters, spices or superfoods.

Key ingredients

Here’s a closer look at the key ingredients used in a basic banana ice cream (nice cream) recipe, including their nutritional benefits and how they contribute to both texture and flavor:

Here are the core ingredients for a basic banana ice cream recipe:

Frozen bananas

Bananas are the foundation of any banana nice cream recipe. They provide natural carbohydrates for energy, along with fiber, potassium and vitamin B6, which support muscle function and electrolyte balance.

When frozen and blended, bananas develop a thick, creamy texture that closely mimics traditional ice cream, without the need for dairy or added sugar. For best results, use ripe bananas, which offer greater natural sweetness.

Almond milk (or other clean milk options)

Unsweetened almond milk is a low-calorie option often fortified with nutrients like vitamin E, calcium and vitamin D. In nice cream, it helps blend the bananas smoothly and allows you to control the consistency, making the mixture easier to process and scoop.

Vanilla extract

Vanilla extract enhances flavor naturally, adding warmth and depth without the need for added sugars. It also contains small amounts of antioxidants that can support overall health.

Sea salt

A small pinch of sea salt provides trace minerals and helps support electrolyte balance. It also plays an important role in flavor, enhancing sweetness and intensifying other ingredients, especially in chocolate or nut butter-based variations.

If you’re looking to mix up your nice cream recipes, popular add-ins and variations include:

Cocoa powder (for chocolate nice cream)

Cocoa powder is rich in antioxidants known as flavonoids, along with minerals like magnesium and iron. It transforms banana ice cream into a rich chocolate version while adding depth and complexity.

Frozen strawberries (for strawberry nice cream)

Strawberries provide vitamin C, fiber and antioxidants that support immune function and skin health. They add natural sweetness, vibrant color and a refreshing flavor while maintaining a creamy texture when blended.

Peanut butter (for peanut butter banana nice cream)

Peanut butter contributes healthy fats, plant-based protein, and nutrients like magnesium and vitamin E. It enhances creaminess, adds a rich, nutty flavor and helps make the dessert more satisfying.

Frozen mango (for mango nice cream)

Mango is rich in vitamin C, vitamin A and protective antioxidants. It pairs well with bananas, contributing natural sweetness and a tropical flavor profile.

Protein powder (to boost protein content)

Adding a clean protein powder, such as whey protein or a well-formulated plant-based blend, can help increase satiety and support muscle recovery. Collagen can also be used, but it may require additional thickening ingredients for optimal texture.

Full-fat coconut milk (for extra richness)

Full-fat coconut milk contains medium-chain triglycerides, which provide a quick source of energy. It also delivers healthy fats that support fullness and adds a rich, indulgent, ice-cream-like texture.

Maple syrup (optional natural sweetener)

If additional sweetness is desired, maple syrup is a natural option that provides quick energy along with trace minerals like manganese and zinc. It can enhance flavor in recipes where the fruit alone isn’t quite sweet enough.

Nice cream variations

While classic vanilla banana ice cream is one of the most popular versions, there are countless ways to customize a nice cream recipe using simple, whole-food ingredients. Popular banana ice cream (nice cream) variations include:

• Vanilla nice cream. Frozen banana, unsweetened almond milk, vanilla extract, sea salt
• Chocolate banana ice cream. Frozen banana, unsweetened almond milk, cocoa powder, sea salt
• Strawberry nice cream. Frozen banana, frozen strawberries, unsweetened almond milk, sea salt
• Peanut butter banana nice cream. Frozen banana, natural peanut butter, unsweetened almond milk, cinnamon
• Mango nice cream. Frozen banana, frozen mango, unsweetened almond milk, cardamom
• Peach nice cream. Frozen banana, frozen peaches, unsweetened almond milk, cinnamon
• Mint chocolate chip nice cream. Frozen banana, unsweetened almond milk, mint extract, dark chocolate chips

How to make banana ice cream

Start by slicing and freezing your bananas, typically two for a single batch or four if you’re doubling the recipe. They should be frozen for at least two hours, though overnight is ideal.

For the best flavor, use ripe bananas with a few brown spots, as these are naturally sweeter and blend more smoothly.

Once your bananas are fully frozen, place them in a food processor or high-speed blender. Blend until they begin to break down into a crumbly, thick mixture.

If you’re making fruit-based versions like strawberry, mango or peach, add the frozen fruit at this stage along with the bananas.

Next, add your liquid and flavor components. Pour in one to two tablespoons of unsweetened almond milk, or substitute with another plant-based milk or even regular milk if preferred.

For a richer, more indulgent texture, full-fat coconut milk is a great option.

From here, adjust based on the flavor you’re making:

• Vanilla nice cream: Add vanilla extract and a pinch of sea salt.
• Chocolate banana ice cream: Use cocoa powder in place of vanilla.
• Peanut butter banana nice cream: Add natural peanut butter and a dash of cinnamon.
• Mango nice cream: Skip vanilla, and add a pinch of cardamom.
• Peach nice cream: Skip vanilla, and add cinnamon.
• Mint chocolate chip nice cream: Add mint extract and dark chocolate chips.

Continue blending, stopping occasionally to scrape down the sides, until the mixture becomes smooth, thick and creamy, similar to soft-serve ice cream. If needed, add a small amount of additional liquid to help everything blend evenly.

Once it reaches your desired consistency, you can enjoy it immediately for a soft-serve texture. Alternatively, transfer it to a container, and freeze for one to two hours if you prefer a firmer, scoopable result.

When transferring, work quickly to minimize ice crystal formation.

Serve as is, or top with nutrient-dense additions like fresh berries, chopped nuts or dark chocolate for extra flavor and texture.

Frequently asked questions

Is banana ice cream healthy?

Yes, banana ice cream can be a healthy dessert option, especially when made without added sugars or processed ingredients.

Can you make banana ice cream without a blender?

A food processor works best, but a strong blender is recommended for the creamiest texture.

How long does nice cream last?

Nice cream can be stored in the freezer for up to one to two weeks, though it’s best enjoyed fresh.

Does banana nice cream taste like bananas?

Yes, the banana flavor is noticeable, but it can be balanced with other ingredients like cocoa or berries.

Can you refreeze banana ice cream?

Yes, but the texture may become firmer. Let it sit at room temperature for a few minutes before serving.

What are the best ways to serve banana nice cream?

You can enjoy banana nice cream immediately after blending for a soft-serve texture. If you prefer a firmer, scoopable consistency more like traditional ice cream, transfer it to a container, and freeze for one to two hours before serving.

What’s the best way to store nice cream?

Store banana ice cream in an airtight glass container, such as a lidded glass dish. Glass helps preserve freshness and doesn’t absorb odors, and it also allows you to see the texture and color of your nice cream.

How can you prevent ice crystals from forming?

To help maintain a smooth, creamy texture, place a piece of parchment paper directly on the surface of the nice cream before sealing the container and freezing. This reduces air exposure and helps prevent ice crystals from forming.

More ice cream recipes

Banana nice cream isn’t the only way to enjoy healthier ice cream. Here are some more recipes to try:

• Raw vanilla ice cream
• Black ice cream
• Strawberry ice cream
• Mango coconut ice cream
• Pumpkin pie ice cream
• Blackberry peach ice cream

Conclusion

• Banana ice cream, or nice cream, is a simple, nutritious and delicious alternative to traditional ice cream.
• With just a few ingredients and minimal prep time, you can create a creamy dessert that fits a wide range of dietary needs.
• Whether you stick with a basic banana nice cream recipe or experiment with different flavors, this easy treat is a great way to enjoy something sweet while still prioritizing whole-food ingredients.

Banana Ice Cream

---

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

• Author: Ethan Boldt
• Total Time: 5 min
• Yield: 2
• Diet: Gluten Free

Print Recipe

Pin Recipe const share_pin_buttons = document.getElementsByClassName( 'share-pin button' ); if ( share_pin_buttons ) { for ( let share_key = 0; share_key { e.stopPropagation(); window.open(e.target.dataset.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=500,height=500'); return false; } ); } }

Description

Looking for a dairy-free frozen dessert that’s naturally sweet and more nutrient-dense? Banana ice cream, also known as nice cream, is a simple, wholesome solution. Below, you’ll find a classic vanilla base recipe along with several easy variations, including chocolate, mango, strawberry, mint chip and more.

---

Ingredients

Vanilla:

• 2 frozen bananas cut into 1-inch pieces
• 1–2 tablespoons unsweetened almond milk
• 2 teaspoons vanilla extract
• pinch of sea salt

Chocolate:

• 2 frozen bananas cut into 1-inch pieces
• ¼ cup cocoa powder
• 2–3 tablespoons unsweetened almond milk
• pinch of sea salt

Strawberry:

• 2 frozen bananas cut into 1-inch pieces
• 1 cup strawberries, halved and frozen
• 1–2 tablespoons unsweetened almond milk
• pinch of sea salt

Peanut butter:

• 2 frozen bananas cut into 1-inch pieces
• 1–2 tablespoons unsweetened almond milk
• ¼ cup creamy salted peanut butter
• ⅛ teaspoon cinnamon

Mint chip:

• 2 frozen bananas cut into 1-inch pieces
• 1–2 tablespoons unsweetened almond milk
• ¼ teaspoon mint extract
• ¼ mini dark chocolate chips
• pinch of sea salt

Mango:

• 2 frozen bananas cut into 1-inch pieces
• 1 cup peeled, frozen mango
• 1–2 tablespoons unsweetened almond milk
• ⅛ teaspoon cardamom
• pinch of sea salt

Peach:

• 2 frozen bananas cut into 1-inch pieces
• 1 cup frozen peach
• 1–2 tablespoons unsweetened almond milk
• ⅛ teaspoon cinnamon
• pinch of sea salt

Possible add-ins:

• 1 scoop protein powder (whey protein works best)
• 1 tablespoon maple syrup
• 1–2 tablespoons coconut milk instead of almond milk

Cook Mode Prevent your screen from going dark

---

Instructions

1. Add frozen banana pieces (and possibly other fruit) to a food processor or high-speed blender.
2. Blend until crumbly, then add a splash of milk and other ingredients.
3. Continue blending until smooth and creamy.
4. Serve immediately or freeze for 1 to 2 hours for a firmer texture.

• Category: Desserts
• Method: Blender
• Cuisine: American

Nutrition

• Serving Size: 130g
• Calories: 121
• Sugar: 15.4g
• Sodium: 63mg
• Fat: 0.5g
• Saturated Fat: 0.3g
• Unsaturated Fat: 0.2g
• Trans Fat: 0g
• Carbohydrates: 27.9g
• Fiber: 3.1g
• Protein: 1.5g
• Cholesterol: 0mg

window.trCommon={"minRating":6,"ajaxurl":"https:\/\/draxe.com\/wp-admin\/admin-ajax.php","ratingNonce":"","postId":351307}; window.TastyRecipes = window.TastyRecipes || {}; window.TastyRecipes.smoothScroll = { init() { document.addEventListener( 'click', ( e ) => { let anchor = e.target; if ( anchor.tagName !== 'A' ) { anchor = anchor.closest( 'a.tasty-recipes-scrollto' ); } if ( ! anchor || ! anchor.classList.contains( 'tasty-recipes-scrollto' ) ) { return; } const elementHref = anchor.getAttribute( 'href' ); if ( ! elementHref ) { return; } e.preventDefault(); this.goToSelector( elementHref ); }); }, goToSelector( selector ) { const element = document.querySelector( selector ); if ( ! element ) { return; } element.scrollIntoView( { behavior: 'smooth' } ); } }; document.addEventListener( 'DOMContentLoaded', () => window.TastyRecipes.smoothScroll.init() ); window.TastyRecipes = window.TastyRecipes || {}; window.TastyRecipes.cookMode = { wakeLockApi: false, wakeLock: false, cookModeSelector: '.tasty-recipes-cook-mode', init() { if ("wakeLock" in navigator && "request" in navigator.wakeLock) { this.wakeLockApi = navigator.wakeLock; } const cookModes = document.querySelectorAll(this.cookModeSelector); if (cookModes.length > 0) { for (const cookMode of cookModes) { if (this.wakeLockApi) { cookMode.querySelector('input[type="checkbox"]').addEventListener("change", event => { this.checkboxChange(event.target); }, false); } else { cookMode.style.display = "none"; } } } }, checkboxChange(checkbox) { if (checkbox.checked) { this.lock(); } else { this.unlock(); } }, setCheckboxesState(state) { const checkboxes = document.querySelectorAll(this.cookModeSelector + ' input[type="checkbox"]'); for (const checkbox of checkboxes) { checkbox.checked = state; } }, async lock() { try { this.wakeLock = await this.wakeLockApi.request("screen"); this.wakeLock.addEventListener("release", () => { this.wakeLock = false; this.setCheckboxesState(false); }); this.setCheckboxesState(true); } catch (error) { this.setCheckboxesState(false); } }, unlock() { if (this.wakeLock) { this.wakeLock.release(); this.wakeLock = false; } this.setCheckboxesState(false); } }; (function(callback) { if (document.readyState !== "loading") { callback(); } else { document.addEventListener("DOMContentLoaded", callback); } })(() => { window.TastyRecipes.cookMode.init(); }); window.TastyRecipes = window.TastyRecipes || {}; window.TastyRecipes.staticTooltip = { element: null, tooltipElement: null, deleting: false, init( element ) { if ( this.deleting ) { return; } this.element = element; this.buildElements(); }, destroy() { if ( ! this.tooltipElement || this.deleting ) { return; } this.deleting = true; this.tooltipElement.classList.remove( 'opened' ); setTimeout( () => { this.tooltipElement.remove(); this.deleting = false; }, 500 ); }, buildElements() { const tooltipElement = document.createElement( 'div' ); tooltipElement.classList.add( 'tasty-recipes-static-tooltip'); tooltipElement.setAttribute( 'id', 'tasty-recipes-tooltip' ); const currentTooltipElement = document.getElementById( 'tasty-recipes-tooltip' ); if ( currentTooltipElement ) { document.body.replaceChild( tooltipElement, currentTooltipElement ); } else { document.body.appendChild( tooltipElement ); } this.tooltipElement = document.getElementById( 'tasty-recipes-tooltip' ); }, show() { if ( ! this.tooltipElement ) { return; } const tooltipTop = this.element.getBoundingClientRect().top + window.scrollY - 10 // 10px offset. - this.tooltipElement.getBoundingClientRect().height; const tooltipLeft = this.element.getBoundingClientRect().left - ( this.tooltipElement.getBoundingClientRect().width / 2 ) + ( this.element.getBoundingClientRect().width / 2 ) - 1; const posLeft = Math.max( 10, tooltipLeft ); this.maybeRemoveTail( posLeft !== tooltipLeft ); this.tooltipElement.setAttribute( 'style', 'top:' + tooltipTop + 'px;left:' + posLeft + 'px;' ); this.tooltipElement.classList.add( 'opened' ); }, maybeRemoveTail( removeTail ) { if ( removeTail ) { this.tooltipElement.classList.add( 'tr-hide-tail' ); } else { this.tooltipElement.classList.remove( 'tr-hide-tail' ); } }, changeMessage( message ) { if ( ! this.tooltipElement ) { return; } this.tooltipElement.innerHTML = message; } }; window.TastyRecipes.ajax = { sendPostRequest( url, data, success, failure ) { const xhr = new XMLHttpRequest(); xhr.open( 'POST', url, true ); xhr.send( this.preparePostData( data ) ); xhr.onreadystatechange = () => { if ( 4 !== xhr.readyState ) { return; } if ( xhr.status === 200 ) { success( JSON.parse( xhr.responseText ) ); return; } failure( xhr ); }; xhr.onerror = () => { failure( xhr ); }; }, preparePostData( data ) { const formData = new FormData(); for ( const key in data ) { formData.append( key, data[key] ); } return formData; }, }; window.TastyRecipes.ratings = { defaultRating: 0, currentRatingPercentage: 100, savingRating: false, init( minRating ) { this.minRating = minRating; this.formWatchRating(); this.closeTooltipWhenClickOutside(); this.addBodyClassBasedOnSelectedRating(); this.backwardCompFormRatingPosition(); }, formWatchRating() { const ratings = document.querySelectorAll('.tasty-recipes-no-ratings-buttons [data-rating]'); if ( ratings.length { event.preventDefault(); this.defaultRating = event.target.closest( '.checked' ).dataset.rating; this.setCheckedStar( event.target ); this.maybeSendRating( this.defaultRating, event.target ); this.setRatingInForm( this.defaultRating ); } ); } }, closeTooltipWhenClickOutside() { window.addEventListener( 'click', e => { // Bailout (don't remove the tooltip) when the clicked element is a rating star, or it's the tooltip itself. if ( e.target.closest( '.tasty-recipes-rating' ) || e.target.classList.contains( 'tasty-recipes-static-tooltip' ) ) { return; } window.TastyRecipes.staticTooltip.destroy(); } ); }, setRatingInForm( rating ) { const ratingInput = document.querySelector( '#respond .tasty-recipes-rating[value="' + rating + '"]' ); if ( ! ratingInput ) { return; } ratingInput.click(); }, addBodyClassBasedOnSelectedRating() { const ratingInputs = document.querySelectorAll( 'input.tasty-recipes-rating' ); if ( ! ratingInputs ) { return; } for ( const ratingInput of ratingInputs ) { ratingInput.addEventListener( 'click', currentEvent => { const selectedRating = currentEvent.target.getAttribute( 'value' ); this.handleBodyClassByRating( selectedRating ); this.toggleCommentTextareaRequired( selectedRating ); } ); } }, handleBodyClassByRating( rating ) { if ( rating < this.minRating ) { document.body.classList.remove( 'tasty-recipes-selected-minimum-rating' ); return; } document.body.classList.add( 'tasty-recipes-selected-minimum-rating' ); }, toggleCommentTextareaRequired( rating ) { const commentTextarea = document.getElementById( 'comment' ); if ( ! commentTextarea ) { return; } if ( rating { window.TastyRecipes.staticTooltip.changeMessage( response.data.message ); window.TastyRecipes.staticTooltip.show(); this.updateAverageText( response.data, recipeCardElement ); this.maybeFillCommentForm( response.data ); // Hide the tooltip after 5 seconds. setTimeout( () => { this.maybeResetTooltip( recipeCardElement, response.data, rating ); }, 5000 ); }, () => { this.resetTooltip( recipeCardElement ); } ); }, updateAverageText( data, recipeCardElement ) { if ( ! data.average ) { return; } this.setRatingPercent( data ); if ( ! data.count ) { return; } const quickLink = document.querySelector( '.tasty-recipes-rating-link' ); if ( quickLink ) { this.setTextInContainer( quickLink, data ); this.setPartialStar( quickLink ); } const cardStars = recipeCardElement.querySelector( '.tasty-recipes-ratings-buttons' ); cardStars.dataset.trDefaultRating = data.average; this.setTextInContainer( recipeCardElement.querySelector( '.tasty-recipes-rating' ), data ); }, setTextInContainer( container, data ) { if ( ! container ) { return; } if ( data.label ) { const ratingLabelElement = container.querySelector( '.rating-label' ); if ( ratingLabelElement ) { ratingLabelElement.innerHTML = data.label; } return; } const averageElement = container.querySelector( '.average' ); if ( averageElement ) { averageElement.textContent = data.average; } const countElement = container.querySelector( '.count' ); if ( countElement ) { countElement.textContent = data.count; } }, setPartialStar( container ) { const highestStar = container.querySelector( '[data-rating="' + Math.ceil( this.defaultRating ) + '"]' ); if ( highestStar ) { highestStar.dataset.trClip = this.currentRatingPercentage; } }, setRatingPercent( data ) { this.defaultRating = data.average.toFixed( 1 ); const parts = data.average.toFixed( 2 ).toString().split( '.' ); this.currentRatingPercentage = parts[1] ? parts[1] : 100; if ( this.currentRatingPercentage === '00' ) { this.currentRatingPercentage = 100; } }, setCheckedStar( target ) { const cardRatingContainer = target.closest( '.tasty-recipes-ratings-buttons' ); const selectedRatingElement = cardRatingContainer.querySelector( '[data-tr-checked]' ); if ( selectedRatingElement ) { delete selectedRatingElement.dataset.trChecked; } const thisStar = target.closest( '.tasty-recipes-rating' ); thisStar.dataset.trChecked = 1; thisStar.querySelector( '[data-tr-clip]' ).dataset.trClip = 100; }, maybeFillCommentForm( data ) { if ( ! data.comment || ! data.comment.content ) { return; } const commentForm = document.querySelector( '#commentform' ); if ( ! commentForm ) { return; } const commentBox = commentForm.querySelector( '[name=comment]' ); if ( ! commentBox || commentBox.value ) { return; } // Add comment details for editing. commentBox.innerHTML = data.comment.content; if ( data.comment.name ) { commentForm.querySelector( '[name=author]' ).value = data.comment.name; commentForm.querySelector( '[name=email]' ).value = data.comment.email; } }, maybeResetTooltip( recipeCardElement, data, rating ) { if ( this.savingRating === rating ) { this.resetTooltip( recipeCardElement, data ); } }, resetTooltip( recipeCardElement, data ) { window.TastyRecipes.staticTooltip.destroy(); this.savingRating = false; // Reset the default rating. const cardRatingContainer = recipeCardElement.querySelector( '.tasty-recipes-ratings-buttons' ); if ( cardRatingContainer ) { this.defaultRating = ( data && data.average ) ? data.average.toFixed(1) : cardRatingContainer.dataset.trDefaultRating; cardRatingContainer.dataset.trDefaultRating = this.defaultRating; this.resetSelectedStar( cardRatingContainer, data ); } }, resetSelectedStar( cardRatingContainer ) { const selectedRatingElement = cardRatingContainer.querySelector( '[data-rating="' + Math.ceil( this.defaultRating ) + '"]' ); if ( selectedRatingElement ) { selectedRatingElement.querySelector( '[data-tr-clip]' ).dataset.trClip = this.currentRatingPercentage; selectedRatingElement.parentNode.dataset.trChecked = 1; } const previousSelectedElement= cardRatingContainer.querySelector( '[data-tr-checked]' ); if ( previousSelectedElement ) { const currentSelectedRating = previousSelectedElement.querySelector('[data-rating]'); if ( currentSelectedRating !== selectedRatingElement ) { delete previousSelectedElement.dataset.trChecked; } } }, backwardCompFormRatingPosition() { const ratingsButtons = document.querySelector( '#respond .tasty-recipes-ratings-buttons, #tasty-recipes-comment-rating .tasty-recipes-ratings-buttons' ); if ( ! ratingsButtons ) { return; } const ratingsButtonsStyles = window.getComputedStyle(ratingsButtons); if ( ! ratingsButtonsStyles.display.includes( 'flex' ) ) { ratingsButtons.style.direction = 'rtl'; } if ( typeof tastyRecipesRating !== 'undefined' ) { // Select the rating that was previously selected in admin. ratingsButtons.querySelector( '.tasty-recipes-rating[value="' + tastyRecipesRating + '"]' ).checked = true; } const ratingSpans = ratingsButtons.querySelectorAll( '.tasty-recipes-rating' ); for (const ratingSpan of ratingSpans) { ratingSpan.addEventListener( 'click', event => { if ( ratingSpan === event.target ) { return; } ratingSpan.previousElementSibling.click(); } ); } } }; (function(callback) { if (document.readyState !== "loading") { callback(); } else { window.addEventListener( 'load', callback ); } })(() => { window.TastyRecipes.ratings.init( window.trCommon ? window.trCommon.minRating : 4 ); });

The post Banana Ice Cream (Nice Cream): Healthy, Creamy Treat You Can Make at Home appeared first on Dr. Axe.

Starting your morning with a breakfast smoothie can be one of the most efficient ways to get a nutrient-dense meal in minutes. When designed correctly, breakfast smoothies can support steady energy, improved digestion and long-lasting fullness.

Unlike sugary drinks or carb-heavy breakfasts, well-formulated breakfast smoothie recipes combine protein, healthy fats and fiber-rich carbohydrates, supporting stable blood sugar, improved focus and better digestion.

That said, not every smoothie qualifies as a good breakfast. Many can leave you hungry not long after drinking them.

The goal is to create a smoothie that functions as a complete meal, one that delivers the right balance of macronutrients along with key vitamins and minerals.

Below, you’ll learn how to make the perfect breakfast smoothie, how to get the texture right, and how to use simple ingredients to create breakfast smoothies that are both satisfying and enjoyable.

What do you need for the best breakfast smoothie?

A high-quality breakfast smoothie should contain a balanced mix of nutrients rather than relying on a single category, like carbohydrates, alone.

To function as a true meal, it should include:

• A solid protein source (supports muscle repair, satiety)
• A portion of healthy fats (helps stabilize blood sugar and energy)
• Carbohydrates that provide fiber (aids digestion and fullness)
• A range of micronutrients (boosts overall health and reduce inflammation)

This balance helps maintain energy levels while also promoting fullness. Without it, smoothies can lead to quick hunger and energy dips later in the morning.

When all components are included, breakfast smoothies can help support stable blood sugar, sustained performance and appetite control.

How to make a breakfast smoothie

Building a smoothie that checks all the boxes is straightforward when you follow a structured approach.

1. Start with a liquid (about eight ounces)

The liquid base allows everything to blend properly and contributes hydration. A general guideline is about one cup per serving.

Options include:

• Water
• Unsweetened almond or oat milk (or other plant-based milk)
• Coconut milk (dilute with water due to calorie density in a ratio of about 1/3 cup coconut milk and 2/3 cup water)
• Kefir (including goat milk varieties)
• Dairy milk at any fat level

2. Add fruit (about one cup total)

Fruit contributes natural sweetness, fiber and essential nutrients. It also plays a major role in the smoothie’s flavor and color.

Frozen fruit is typically preferred because it improves consistency and reduces the need for ice.

Common choices include:

• Berries of all kinds
• Bananas
• Cherries
• Mango
• Pineapple
• Stone fruits, like peaches or nectarines

3. Include a healthy fat (roughly 50 calories)

Fat is frequently overlooked, but it’s critical for both satiety and texture. Adding fat slows digestion and helps maintain energy levels.

Good options include:

• Ground flaxseed (one tablespoon) provides fiber, lignans and omega-3 fatty acids and promotes heart and gut health.
• Chia seeds (one tablespoon) are loaded with fiber, protein and omega-3s.  They also can be soaked to create gel-like texture.
• Hemp seeds (one tablespoon) are a complete protein source for plant-based eaters and are high in essential fatty acids.
• Almond butter (half a teaspoon) offers vitamin E and minerals like calcium and magnesium.
• Avocado (quarter cup) has a neutral taste in a breakfast smoothie and provides a creamy texture. Of course, avocado is a great healthy fat source as well, particularly monounsaturated and polyunsaturated fats.
• Coconut milk (third of a cup) adds richness along with healthy fats.
• Kefir (half a cup) supplies probiotics that aid digestion, along with bone-building calcium and vitamin K.
• Greek yogurt (quarter cup) also contributes protein and probiotics, along with calcium. It’s also creamier and thicker than regular yogurt, aiding the texture of a breakfast smoothie.
• MCT oil (half a tablespoon) is derived from coconut and has a neutral flavor. It’s another healthy fat source.

4. Add protein (target 20 to 25 grams)

Protein is what transforms a smoothie into a meal. It supports muscle function, fullness and metabolic balance.

Common protein powders to use include:

• Collagen-based protein powders
• Whey protein
• Multi-source blends
• Bone broth protein
• Plant-based protein powders

The key is choosing a version without added sugars.

5. Add optional nutrient boosters

For additional benefits, you can incorporate functional ingredients such as:

• Fiber blends
• Greens powders
• Matcha
• Maca
• Acai, noni fruit or camu powders
• Colostrum

You can also add certain spices to up the flavor and health benefits. Here are a few good ideas:

• Cinnamon pairs well with fruits like banana, blueberry, peach and apple.
• Turmeric works well with citrus and tropical blends.
• Ginger adds brightness to most fruit combinations.

How to get the texture right for breakfast smoothies

Texture plays a major role in how enjoyable a smoothie is.

To improve consistency:

• Use frozen fruit to create thickness.
• Avoid adding too much liquid upfront. This can make it watery.
• Include creamy ingredients like yogurt, avocado, nut butter or even cooked oatmeal.
• Consider soaked chia seeds for added body.
• Use protein powder to enhance thickness.
• Blend thoroughly until completely smooth. (Blend in stages if using tougher ingredients.)

A well-made smoothie should be smooth, thick and drinkable, not watery or overly dense. A thicker smoothie can also be turned into a bowl and topped with ingredients like granola for a different eating experience.

Breakfast smoothies recipes

1. High-protein chocolate smoothie

Ingredients:

• ½ frozen banana
• ½ cup plain 2% Greek yogurt
• 1 scoop chocolate whey protein
• 1 tablespoon unsweetened cocoa powder
• 1 cup water
• 1 cup ice
• Optional: 1 teaspoon maple syrup or 1/8 teaspoon stevia
• Optional: 1 teaspoon cacao nibs

Directions:

1. Blend all ingredients until smooth and creamy.

One chocolate high-protein smoothie (about 308 grams) contains roughly:

• Calories: 275
• Total Carbohydrates: 21.3 g
• Fiber: 3.1 g
• Sugar: 12.1 g
• Total Fat: 5.7 g
• Saturated Fat: 2.6 g
• Polyunsaturated Fat: 0.6 g
• Monounsaturated Fat: 0.7 g
• Trans Fat: 0 g
• Protein: 37.6 g
• Cholesterol: 82 mg
• Sodium: 180 mg (9% DV*)
• Copper: 0.195 (22% DV)
• Manganese: 0.36 mg (20% DV)
• Calcium: 227 mg (17% DV)
• Vitamin B6: 0.217 mg (17% DV)
• Potassium: 601 mg (13% DV)

*Daily Value: Percentages are based on a diet of 2,000 calories a day.

2. Apple pie smoothie

Ingredients:

• 1 frozen apple (chopped)
• 2 tablespoons oats
• 1 teaspoon maple syrup
• 1/2 teaspoon ground cinnamon
• 1/4 teaspoon nutmeg
• 1/4 teaspoon allspice
• 1 scoop vanilla whey protein
• 1 cup almond milk

Directions:

1. Blend until smooth.

One serving (approximately 454 grams) contains about:

• Calories: 350
• Total Carbohydrate: 48.5 g
• Fiber: 8.1 g
• Sugar: 25.2 g
• Total Fat: 6.9 g
• Saturated Fat: 1.7 g
• Polyunsaturated Fat: 1.8 g
• Monounsaturated Fat: 2.8 g
• Trans Fat: 0 g
• Cholesterol: 0 mg
• Protein: 28.2 g
• Sodium: 60 mg (3% DV*)
• Manganese: 1.604 mg (89% DV)
• Copper: 0.264 mg (29% DV)
• Magnesium: 68 mg (22% DV)
• Phosphorus: 154 mg (22% DV)
• Vitamin B2 (Riboflavin): 0.228 mg (21% DV)
• Vitamin B1 (Thiamin): 0.199 mg (18% DV)
• Zinc: 1.17 mg (15% DV)
• Vitamin E: 2 mg (13% DV)

3. High-fiber green smoothie

Ingredients:

• ½ frozen banana
• ½ cup frozen pineapple
• ¼ avocado
• 1 cup spinach
• 1 tablespoon chia seeds
• 1 scoop protein powder
• 1 cup water (almond milk)

Directions:

1. Blend until creamy.

One plant-based high-fiber smoothie (roughly 472 grams) contains approximately:

• Calories: 333
• Total Carbohydrate: 39.1 g
• Fiber: 12.1 g
• Sugar: 15.8 g
• Total Fat: 13.2 g
• Saturated Fat: 2.1 g
• Polyunsaturated Fat: 4.5 g
• Monounsaturated Fat: 5.8 g
• Trans Fat: 0 g
• Cholesterol: 0 mg
• Protein: 20.1 g
• Sodium: 35 mg (2% DV*)
• Vitamin K: 156.3 mcg (174% DV)
• Vitamin A: 2979 IU (128% DV)
• Manganese: 1.6 mg (90% DV)
• Vitamin C: 58.2 mg (78% DV)
• Iron: 11.8 mg (64% DV)
• Copper: 0.4 mg (45% DV)
• Vitamin B6: 0.5 mg (38% DV)
• Magnesium: 112 mg (36% DV)
• Folate, DFE: 126 mcg (32% DV)
• Phosphorus: 171 mg (24% DV)
• Vitamin B5 (pantothenic acid): 1.1 mg (22% DV)
• Vitamin B3 (niacin): 3 mg (22% DV)
• Vitamin B1 (thiamin): 0.22 mg (20% DV)
• Vitamin B2 (riboflavin): 0.2 mg (19% DV)
• Potassium: 765 mg (16% DV)
• Zinc: 1.25 mg (16% DV)
• Calcium: 154 mg (15% DV)
• Selenium: 8.2 mcg (15% DV)

4. Piña colada smoothie

Ingredients:

• 1 cup frozen pineapple
• ½ frozen banana
• 2 ounces coconut milk
• 6 ounces water
• 2 scoops collagen protein
• 1 tablespoon flax or chia seeds
• Optional: 1 teaspoon raw honey

Directions:

1. Blend thoroughly.

One piña colada smoothie (about 461 grams) contains around:

• Calories: 372
• Total Carbohydrate: 39.7 g
• Fiber: 6.7 g
• Sugar: 23.6 g
• Total Fat: 16.8 g
• Saturated Fat: 11.2 g
• Polyunsaturated Fat: 3.2 g
• Monounsaturated Fat: 1.3 g
• Trans Fat: 0 g
• Cholesterol: 0 mg
• Protein: 22.5 g
• Sodium: 16 mg (1% DV*)
• Vitamin C: 264.6 mg (294% DV**)
• Manganese: 2.38 mg (132% DV)
• Copper: 0.492 (55% DV)
• Vitamin B6: 0.466 mg (36% DV)
• Magnesium: 106 mg (34% DV)
• Vitamin B1 (thiamin): 0.33 mg (30% DV)
• Phosphorus: 146 mg (21% DV)

5. Pre-workout smoothie

Ingredients:

• 1/2 banana
• 1/2 cup strawberries
• 1/2 cup raspberries
• 1 kiwi
• 1/4 cup cashews
• 2 scoops collagen protein
• 1 scoop greens powder
• 1/2 cup yogurt
• 1/2 cup almond milk
• 1/4 cup ice

Directions:

1. Blend until smooth.

One pre-workout smoothie (approximately 508 grams) contains about:

• Calories: 374
• Total Carbohydrates: 51.6 g
• Fiber: 12.7 g
• Sugar: 27.3 g
• Total Fat: 7.2 g
• Saturated Fat: 1.1 g
• Polyunsaturated Fat: 1.7 g
• Monounsaturated Fat: 3.5 g
• Trans Fat: 0 g
• Protein: 31 g
• Cholesterol: 0 mg
• Sodium: 100 mg (7% DV*)
• Vitamin C: 260.8 mg (308% DV)
• Manganese: 1.495 mg (83% DV)
• Copper: 0.453 mg (50% DV)
• Phosphorus: 329 mg (47% DV)
• Riboflavin (vitamin B2): 0.438 mg (40% DV)
• Magnesium: 114 mg (37% DV)
• Vitamin B6: 0.425 mg (33% DV)
• Zinc: 2.53 mg (32% DV)
• Vitamin B12: 0.75 mcg 31% DV)
• Pantothenic acid (vitamin B5): 1.572 mg (31%)
• Potassium: 905 mg (19% DV)

6. Coffee protein smoothie

Ingredients:

• 1/2 cup almond milk or water
• 1/2 cup cooled brewed coffee or cold brew
• 1/3 cup Greek yogurt
• 1 frozen banana
• 1 scoop protein powder
• Optional: 1 tablespoon almond butter
• Optional: 1/2 tablespoon chia seeds
• Optional: 1/2 tablespoon hemp seeds
• Optional: ice

Directions:

1. Blend until smooth.

One coffee protein shake (roughly 467 grams) contains approximately:

• Calories: 391
• Total Carbohydrates: 38.4 g
• Fiber: 8.1 g
• Sugar: 19.4 g
• Total Fat: 17.8 g
• Saturated Fat: 3.5 g
• Polyunsaturated Fat: 5.4 g
• Monounsaturated Fat: 7.9 g
• Trans Fat: 0.01 g
• Protein: 27.2 g
• Cholesterol: 11 mg
• Sodium: 81 mg (5% DV*)
• Vitamin C: 100.8 mg (114% DV)
• Selenium: 58.9 mcg (107% DV)
• Zinc: 7 mg (63% DV)
• Copper: 0.54 mg (60% DV)
• Manganese: 1.059 mg (59% DV)
• Magnesium: 140 mg (45% DV)
• Vitamin B2: 0.499 mg (45% DV)
• Phosphorus: 291 mg (42% DV)
• Vitamin B6: 0.516 mg (40% DV)
• Vitamin E: 4.87 mg (32% DV)
• Calcium: 270 mg (27% DV)
• Vitamin B5: 1.077 mg (22% DV)

Precautions

While breakfast smoothies can be highly beneficial, there are a few important considerations:

• Relying too heavily on fruit can increase sugar intake.
• Skipping fats or protein may lead to hunger soon after.
• High-calorie ingredients like coconut milk should be used in moderation.
• Caffeine-containing smoothies may not be ideal for everyone.
• Adjust ingredients based on sensitivities or dietary needs.

Frequently asked questions

Are breakfast smoothies good for you?

Yes, when they include protein, healthy fats and fiber. Balanced breakfast smoothies can support energy, digestion and overall health.

Can breakfast smoothies help with weight management?

They can, especially when they promote satiety and reduce cravings by stabilizing blood sugar.

What is the best protein to use in breakfast smoothies?

Collagen peptides, whey protein or plant-based protein powders are all good options.

Should I drink a smoothie every morning?

You can, as long as you vary ingredients and maintain balanced nutrition.

What makes breakfast smoothies filling?

Balanced macronutrients. Protein, healthy fats and fiber-rich carbohydrates work together to support satiety and steadier blood sugar.

How can I make my smoothie more filling?

Add protein powder, healthy fats like nut butter or seeds, and fiber-rich ingredients like oats.

Is frozen fruit better than fresh?

In many cases, yes, as it improves texture and consistency.

How much liquid should you use?

A good starting point is about eight ounces of liquid for one scoop of protein plus the other ingredients.

Why add fat to smoothies?

Fat is one of the most overlooked smoothie components. It helps keep you satisfied, slows digestion, provides energy and improves texture.

Can I turn a breakfast smoothie into a smoothie bowl?

Yes. Thick breakfast smoothies can also be enjoyed in a bowl, with granola on top if desired.

What makes breakfast smoothies healthy?

A healthy breakfast smoothie includes protein, fats and fiber-rich carbohydrates for balance and satiety.

Can breakfast smoothies replace a meal?

Yes, when properly balanced, they can function as a complete meal.

What should you avoid in breakfast smoothies?

Avoid excessive sugar and fruit-only combinations that lack protein and fat.

What’s the best base for breakfast smoothies?

Options like almond milk, coconut milk, kefir or dairy milk all work well depending on your goals.

Conclusion

• Breakfast smoothies are one of the easiest, fastest and most nutrient-dense ways to start your day. When made correctly, breakfast smoothies can provide balanced macronutrients, sustained energy and lasting fullness, helping you avoid mid-morning crashes.
• A well-designed breakfast smoothie can be one of the most effective ways to start your day. The key is including all essential components: a liquid base, fiber-rich fruit, a source of fat, adequate protein and optional functional ingredients.
• When properly balanced, breakfast smoothies provide sustained energy, improved fullness and a convenient way to meet your daily nutrient needs.

Classic Breakfast Smoothie

---

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

• Author: Ethan Boldt
• Total Time: 3 min
• Yield: 1 smoothie
• Diet: Gluten Free

Print Recipe

Pin Recipe const share_pin_buttons = document.getElementsByClassName( 'share-pin button' ); if ( share_pin_buttons ) { for ( let share_key = 0; share_key { e.stopPropagation(); window.open(e.target.dataset.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=500,height=500'); return false; } ); } }

Description

For a quick breakfast smoothie that checks all the boxes with energizing carbs, healthy fats, plenty of protein, power-boosting creatine, fiber to keep you regular and superfoods, try this simple recipe.

---

Ingredients

• 8 ounces water
• 1/2 frozen banana
• 1/2 frozen mixed berries
• 1 tablespoon ground flaxseed
• 1 scoop chocolate protein powder with creatine
• 1 tablespoon cacao powder
• 1/2 teaspoon cinnamon

Cook Mode Prevent your screen from going dark

---

Instructions

1. Add all the ingredients to a power blender.
2. Blend until fully mixed.
3. Top with some cacao nibs if you choose.

• Category: Breakfasts, Beverages
• Method: Blender
• Cuisine: American

Nutrition

• Serving Size: 1 smoothie (378g)
• Calories: 311
• Sugar: 15.6g
• Sodium: 10mg
• Fat: 5.6g
• Saturated Fat: 0.9g
• Unsaturated Fat: 4.3g
• Trans Fat: 0g
• Carbohydrates: 35.5g
• Fiber: 10.4g
• Protein: 30.5g
• Cholesterol: 16mg

window.trCommon={"minRating":6,"ajaxurl":"https:\/\/draxe.com\/wp-admin\/admin-ajax.php","ratingNonce":"","postId":350639}; window.TastyRecipes = window.TastyRecipes || {}; window.TastyRecipes.smoothScroll = { init() { document.addEventListener( 'click', ( e ) => { let anchor = e.target; if ( anchor.tagName !== 'A' ) { anchor = anchor.closest( 'a.tasty-recipes-scrollto' ); } if ( ! anchor || ! anchor.classList.contains( 'tasty-recipes-scrollto' ) ) { return; } const elementHref = anchor.getAttribute( 'href' ); if ( ! elementHref ) { return; } e.preventDefault(); this.goToSelector( elementHref ); }); }, goToSelector( selector ) { const element = document.querySelector( selector ); if ( ! element ) { return; } element.scrollIntoView( { behavior: 'smooth' } ); } }; document.addEventListener( 'DOMContentLoaded', () => window.TastyRecipes.smoothScroll.init() ); window.TastyRecipes = window.TastyRecipes || {}; window.TastyRecipes.cookMode = { wakeLockApi: false, wakeLock: false, cookModeSelector: '.tasty-recipes-cook-mode', init() { if ("wakeLock" in navigator && "request" in navigator.wakeLock) { this.wakeLockApi = navigator.wakeLock; } const cookModes = document.querySelectorAll(this.cookModeSelector); if (cookModes.length > 0) { for (const cookMode of cookModes) { if (this.wakeLockApi) { cookMode.querySelector('input[type="checkbox"]').addEventListener("change", event => { this.checkboxChange(event.target); }, false); } else { cookMode.style.display = "none"; } } } }, checkboxChange(checkbox) { if (checkbox.checked) { this.lock(); } else { this.unlock(); } }, setCheckboxesState(state) { const checkboxes = document.querySelectorAll(this.cookModeSelector + ' input[type="checkbox"]'); for (const checkbox of checkboxes) { checkbox.checked = state; } }, async lock() { try { this.wakeLock = await this.wakeLockApi.request("screen"); this.wakeLock.addEventListener("release", () => { this.wakeLock = false; this.setCheckboxesState(false); }); this.setCheckboxesState(true); } catch (error) { this.setCheckboxesState(false); } }, unlock() { if (this.wakeLock) { this.wakeLock.release(); this.wakeLock = false; } this.setCheckboxesState(false); } }; (function(callback) { if (document.readyState !== "loading") { callback(); } else { document.addEventListener("DOMContentLoaded", callback); } })(() => { window.TastyRecipes.cookMode.init(); }); window.TastyRecipes = window.TastyRecipes || {}; window.TastyRecipes.staticTooltip = { element: null, tooltipElement: null, deleting: false, init( element ) { if ( this.deleting ) { return; } this.element = element; this.buildElements(); }, destroy() { if ( ! this.tooltipElement || this.deleting ) { return; } this.deleting = true; this.tooltipElement.classList.remove( 'opened' ); setTimeout( () => { this.tooltipElement.remove(); this.deleting = false; }, 500 ); }, buildElements() { const tooltipElement = document.createElement( 'div' ); tooltipElement.classList.add( 'tasty-recipes-static-tooltip'); tooltipElement.setAttribute( 'id', 'tasty-recipes-tooltip' ); const currentTooltipElement = document.getElementById( 'tasty-recipes-tooltip' ); if ( currentTooltipElement ) { document.body.replaceChild( tooltipElement, currentTooltipElement ); } else { document.body.appendChild( tooltipElement ); } this.tooltipElement = document.getElementById( 'tasty-recipes-tooltip' ); }, show() { if ( ! this.tooltipElement ) { return; } const tooltipTop = this.element.getBoundingClientRect().top + window.scrollY - 10 // 10px offset. - this.tooltipElement.getBoundingClientRect().height; const tooltipLeft = this.element.getBoundingClientRect().left - ( this.tooltipElement.getBoundingClientRect().width / 2 ) + ( this.element.getBoundingClientRect().width / 2 ) - 1; const posLeft = Math.max( 10, tooltipLeft ); this.maybeRemoveTail( posLeft !== tooltipLeft ); this.tooltipElement.setAttribute( 'style', 'top:' + tooltipTop + 'px;left:' + posLeft + 'px;' ); this.tooltipElement.classList.add( 'opened' ); }, maybeRemoveTail( removeTail ) { if ( removeTail ) { this.tooltipElement.classList.add( 'tr-hide-tail' ); } else { this.tooltipElement.classList.remove( 'tr-hide-tail' ); } }, changeMessage( message ) { if ( ! this.tooltipElement ) { return; } this.tooltipElement.innerHTML = message; } }; window.TastyRecipes.ajax = { sendPostRequest( url, data, success, failure ) { const xhr = new XMLHttpRequest(); xhr.open( 'POST', url, true ); xhr.send( this.preparePostData( data ) ); xhr.onreadystatechange = () => { if ( 4 !== xhr.readyState ) { return; } if ( xhr.status === 200 ) { success( JSON.parse( xhr.responseText ) ); return; } failure( xhr ); }; xhr.onerror = () => { failure( xhr ); }; }, preparePostData( data ) { const formData = new FormData(); for ( const key in data ) { formData.append( key, data[key] ); } return formData; }, }; window.TastyRecipes.ratings = { defaultRating: 0, currentRatingPercentage: 100, savingRating: false, init( minRating ) { this.minRating = minRating; this.formWatchRating(); this.closeTooltipWhenClickOutside(); this.addBodyClassBasedOnSelectedRating(); this.backwardCompFormRatingPosition(); }, formWatchRating() { const ratings = document.querySelectorAll('.tasty-recipes-no-ratings-buttons [data-rating]'); if ( ratings.length { event.preventDefault(); this.defaultRating = event.target.closest( '.checked' ).dataset.rating; this.setCheckedStar( event.target ); this.maybeSendRating( this.defaultRating, event.target ); this.setRatingInForm( this.defaultRating ); } ); } }, closeTooltipWhenClickOutside() { window.addEventListener( 'click', e => { // Bailout (don't remove the tooltip) when the clicked element is a rating star, or it's the tooltip itself. if ( e.target.closest( '.tasty-recipes-rating' ) || e.target.classList.contains( 'tasty-recipes-static-tooltip' ) ) { return; } window.TastyRecipes.staticTooltip.destroy(); } ); }, setRatingInForm( rating ) { const ratingInput = document.querySelector( '#respond .tasty-recipes-rating[value="' + rating + '"]' ); if ( ! ratingInput ) { return; } ratingInput.click(); }, addBodyClassBasedOnSelectedRating() { const ratingInputs = document.querySelectorAll( 'input.tasty-recipes-rating' ); if ( ! ratingInputs ) { return; } for ( const ratingInput of ratingInputs ) { ratingInput.addEventListener( 'click', currentEvent => { const selectedRating = currentEvent.target.getAttribute( 'value' ); this.handleBodyClassByRating( selectedRating ); this.toggleCommentTextareaRequired( selectedRating ); } ); } }, handleBodyClassByRating( rating ) { if ( rating < this.minRating ) { document.body.classList.remove( 'tasty-recipes-selected-minimum-rating' ); return; } document.body.classList.add( 'tasty-recipes-selected-minimum-rating' ); }, toggleCommentTextareaRequired( rating ) { const commentTextarea = document.getElementById( 'comment' ); if ( ! commentTextarea ) { return; } if ( rating { window.TastyRecipes.staticTooltip.changeMessage( response.data.message ); window.TastyRecipes.staticTooltip.show(); this.updateAverageText( response.data, recipeCardElement ); this.maybeFillCommentForm( response.data ); // Hide the tooltip after 5 seconds. setTimeout( () => { this.maybeResetTooltip( recipeCardElement, response.data, rating ); }, 5000 ); }, () => { this.resetTooltip( recipeCardElement ); } ); }, updateAverageText( data, recipeCardElement ) { if ( ! data.average ) { return; } this.setRatingPercent( data ); if ( ! data.count ) { return; } const quickLink = document.querySelector( '.tasty-recipes-rating-link' ); if ( quickLink ) { this.setTextInContainer( quickLink, data ); this.setPartialStar( quickLink ); } const cardStars = recipeCardElement.querySelector( '.tasty-recipes-ratings-buttons' ); cardStars.dataset.trDefaultRating = data.average; this.setTextInContainer( recipeCardElement.querySelector( '.tasty-recipes-rating' ), data ); }, setTextInContainer( container, data ) { if ( ! container ) { return; } if ( data.label ) { const ratingLabelElement = container.querySelector( '.rating-label' ); if ( ratingLabelElement ) { ratingLabelElement.innerHTML = data.label; } return; } const averageElement = container.querySelector( '.average' ); if ( averageElement ) { averageElement.textContent = data.average; } const countElement = container.querySelector( '.count' ); if ( countElement ) { countElement.textContent = data.count; } }, setPartialStar( container ) { const highestStar = container.querySelector( '[data-rating="' + Math.ceil( this.defaultRating ) + '"]' ); if ( highestStar ) { highestStar.dataset.trClip = this.currentRatingPercentage; } }, setRatingPercent( data ) { this.defaultRating = data.average.toFixed( 1 ); const parts = data.average.toFixed( 2 ).toString().split( '.' ); this.currentRatingPercentage = parts[1] ? parts[1] : 100; if ( this.currentRatingPercentage === '00' ) { this.currentRatingPercentage = 100; } }, setCheckedStar( target ) { const cardRatingContainer = target.closest( '.tasty-recipes-ratings-buttons' ); const selectedRatingElement = cardRatingContainer.querySelector( '[data-tr-checked]' ); if ( selectedRatingElement ) { delete selectedRatingElement.dataset.trChecked; } const thisStar = target.closest( '.tasty-recipes-rating' ); thisStar.dataset.trChecked = 1; thisStar.querySelector( '[data-tr-clip]' ).dataset.trClip = 100; }, maybeFillCommentForm( data ) { if ( ! data.comment || ! data.comment.content ) { return; } const commentForm = document.querySelector( '#commentform' ); if ( ! commentForm ) { return; } const commentBox = commentForm.querySelector( '[name=comment]' ); if ( ! commentBox || commentBox.value ) { return; } // Add comment details for editing. commentBox.innerHTML = data.comment.content; if ( data.comment.name ) { commentForm.querySelector( '[name=author]' ).value = data.comment.name; commentForm.querySelector( '[name=email]' ).value = data.comment.email; } }, maybeResetTooltip( recipeCardElement, data, rating ) { if ( this.savingRating === rating ) { this.resetTooltip( recipeCardElement, data ); } }, resetTooltip( recipeCardElement, data ) { window.TastyRecipes.staticTooltip.destroy(); this.savingRating = false; // Reset the default rating. const cardRatingContainer = recipeCardElement.querySelector( '.tasty-recipes-ratings-buttons' ); if ( cardRatingContainer ) { this.defaultRating = ( data && data.average ) ? data.average.toFixed(1) : cardRatingContainer.dataset.trDefaultRating; cardRatingContainer.dataset.trDefaultRating = this.defaultRating; this.resetSelectedStar( cardRatingContainer, data ); } }, resetSelectedStar( cardRatingContainer ) { const selectedRatingElement = cardRatingContainer.querySelector( '[data-rating="' + Math.ceil( this.defaultRating ) + '"]' ); if ( selectedRatingElement ) { selectedRatingElement.querySelector( '[data-tr-clip]' ).dataset.trClip = this.currentRatingPercentage; selectedRatingElement.parentNode.dataset.trChecked = 1; } const previousSelectedElement= cardRatingContainer.querySelector( '[data-tr-checked]' ); if ( previousSelectedElement ) { const currentSelectedRating = previousSelectedElement.querySelector('[data-rating]'); if ( currentSelectedRating !== selectedRatingElement ) { delete previousSelectedElement.dataset.trChecked; } } }, backwardCompFormRatingPosition() { const ratingsButtons = document.querySelector( '#respond .tasty-recipes-ratings-buttons, #tasty-recipes-comment-rating .tasty-recipes-ratings-buttons' ); if ( ! ratingsButtons ) { return; } const ratingsButtonsStyles = window.getComputedStyle(ratingsButtons); if ( ! ratingsButtonsStyles.display.includes( 'flex' ) ) { ratingsButtons.style.direction = 'rtl'; } if ( typeof tastyRecipesRating !== 'undefined' ) { // Select the rating that was previously selected in admin. ratingsButtons.querySelector( '.tasty-recipes-rating[value="' + tastyRecipesRating + '"]' ).checked = true; } const ratingSpans = ratingsButtons.querySelectorAll( '.tasty-recipes-rating' ); for (const ratingSpan of ratingSpans) { ratingSpan.addEventListener( 'click', event => { if ( ratingSpan === event.target ) { return; } ratingSpan.previousElementSibling.click(); } ); } } }; (function(callback) { if (document.readyState !== "loading") { callback(); } else { window.addEventListener( 'load', callback ); } })(() => { window.TastyRecipes.ratings.init( window.trCommon ? window.trCommon.minRating : 4 ); });

The post Breakfast Smoothies: How to Build Them + Breakfast Smoothie Recipes to Try appeared first on Dr. Axe.