Nutrela — Healthy Eatery & Meal Plans HTML5 Template

About This Item

Nutrela is a meal prep website template: a fresh, animated HTML5 template for healthy eateries, meal plan services and juice bars. Signika headlines and Open Sans text keep it bright and easy to read. Underneath, it runs real nutrition logic. Every calorie is worked out from the macros, and a bowl builder redraws the bowl with each choice. Weekly plans are priced by the meal, and delivery days follow each zone’s cut-off. It ships with light and dark mode and WebGL layers – leaf veins growing in from the edges and a leaf breathing in light in the footer.

Three Home Pages

• Home 01 – The Eatery: bowls built for real life, fresh fruit every morning and a week of plates on your days. In Bowl From Above, the house bowl fills ingredient by ingredient as you scroll.
• Home 02 – Meal Plans: chef-made plates delivered weekly, plans from $10.50 a meal and what goes in the box. In Nutrition Rings, a day’s four plates add up to protein, carbs, fat and fibre.
• Home 03 – Juice & Smoothie Bar: blends from the bar and six bottles pressed each morning. Fruit cut-outs float on three depths and lean toward the pointer.

Eatery Pages

• Build A Bowl: base, protein, up to four toppings, dressing and extras, in a regular or large size. Calories, macros and the price follow every choice.
• Start Your Plan: four steps – your goal with a calorie calculator, the plan, delivery, then your details.
• Meal Plans & Pricing: the meal price by calorie band and meals a day, add-ons. It also has the commitment discount and the delivery fee.
• Delivery Days: pick your area to see its delivery weekdays and the fee. It also has the next four drops and a countdown to the cut-off.
• Our Menu: a category, any number of diets, a calorie ceiling, a search and a sort.
• Juice Cleanse: one, three or five days of six cold-pressed bottles, with the day price falling as it gets longer.
• My Account: the active plan with its next drops, any of which can be skipped and brought back.

Inner Pages

Nutrela includes About Us, Our Process, What We Offer, Our Team and Team Member. It also has Our Menu, Dish Details, Build A Bowl and Meal Plans & Pricing. Then come Plan Details, Start Your Plan, Delivery Days, Pantry Shop and Product Details. There are also Cart, Checkout, Wishlist, My Account, Gallery, FAQ, Journal and Journal Details. Finally, there are Contact Us, Login, Register, Forgot Password, Coming Soon and 404 – thirty-one pages in total.

Meal Prep Website Template Features

• 31 HTML pages, 3 unique home page designs
• Light and dark mode on one switch, remembered between visits, with no flash on load
• WebGL layers tinted by the theme colours: leaf veins and a breathing leaf
• Real nutrition logic from one data block: macros, bowl builder, plan pricing and delivery days
• A calorie calculator that suggests the nearest calorie band
• One bag for dishes, drinks, pantry products, bowls and cleanses
• Three scroll moments that never pin the page
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for both themes
• Working PHP form handler with optional invisible reCAPTCHA v3
• Fully responsive, zero console errors
• Well-commented code with a numbered JS index
• Documentation included

This meal prep website template ships with documentation, free lifetime updates and an instant download. Every page also works on phones, tablets and desktops. Nutrela also comes as React, Vue, Angular and WordPress, or in the developer bundle at 20% off. Browse more Grocery & Organic HTML5 templates.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5, Font Awesome Free, Google Fonts (Signika, Open Sans).