Savorly — Recipe & Food Blog HTML5 Template

About This Item

Savorly is a recipe website template: a friendly, animated HTML5 template for recipe blogs, food bloggers and cooking magazines. Merriweather headlines and Catamaran text make every recipe easy to follow at the stove. Underneath, it runs real kitchen logic. Every recipe rescales to the servings and converts between US and metric measures. Timed steps start kitchen timers that keep counting across pages. A meal planner turns the week into a shopping list grouped by aisle. It ships with light and dark mode, right-to-left support and WebGL layers – spice dust drifting at the edges and a whisk drawn in light in the footer.

Three Home Pages

• Home 01 – Recipe Magazine: simple recipes for every day, editor’s picks and this week’s new recipes. In Ingredients Tick Off, each step of the method ticks the ingredients it uses as you scroll.
• Home 02 – Personal Kitchen Blog: the latest from my kitchen, a free recipe book and the newest cookbooks. In the Kitchen Timer, the dial winds down from the bake time to zero.
• Home 03 – Recipes & Videos: the latest recipes, the most popular of the week and new recipes every Wednesday. The This Week’s Plan cards fill in day by day.

Recipe Pages

• Recipe Details: servings rescale every quantity, the US or metric switch converts weights, volumes and oven temperatures. It also has the nutrition panel follows.
• All Recipes: category, diets, a time ceiling, difficulty, a search over titles and ingredients, and four sorts.
• Meal Planner: seven days of breakfast, lunch and dinner, and a shopping list worked out from the plan.
• Kitchen Tools: timers with presets, a unit converter that knows each ingredient’s cup weight, and an oven temperature converter.
• Saved Recipes: one saved list for the whole site, with share links.
• Submit A Recipe: four steps – the dish, the ingredients, the method, then a photo and a review of the recipe as it will read.
• Work With Us & Shop: partnership services, and a shop with a bag, wishlist and checkout.

Inner Pages

Savorly includes About Us, Our Cooks, Cook Profile, All Recipes and Recipe Categories. It also has Recipe Details, Cooking Videos, Meal Planner, Saved Recipes and Kitchen Tools. Then come Submit A Recipe, Work With Us, Service Details, Shop and Product Details. There are also Cart, Checkout, Wishlist, Gallery, FAQ, Journal, Journal Details, Contact, Login and Register. Finally, there are Forgot Password, Coming Soon and 404 – thirty-one pages in total.

Recipe 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
• Right-to-left stylesheets and a language picker that turns any page around
• WebGL layers tinted by the theme colours: spice dust and a whisk
• Real kitchen logic from one data block: scaling, unit conversion, timers, meal plans and shopping lists
• Kitchen timers that keep counting across pages and chime at zero
• 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 recipe website template ships with documentation, free lifetime updates and an instant download. Every page also works on phones, tablets and desktops. Savorly also comes as React, Vue, Angular and WordPress, or in the developer bundle at 20% off. Browse more Food & Restaurant HTML5 templates.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5, Font Awesome Free, RTLCSS, Google Fonts (Merriweather, Catamaran).