For health & fitness bloggers
Free HTML templates for nutrition blogs
Copy-paste blocks for recipe cards, meal plans and calorie comparisons. No frameworks, no JavaScript, no external requests — just HTML and CSS you own outright.
- ✓ Free, commercial use OK
- ✓ Self-contained
- ✓ Light & dark mode
- ✓ No attribution required
Recipe card + nutrition panel
A clean recipe block with prep/cook/serves metadata and a nutrition table. Drops into any post.
Weekly meal plan table
A seven-day grid for breakfast, lunch, dinner, snacks and daily totals. Prints cleanly to one page.
How to use them
Open the file, copy everything, and paste it into an HTML block in your editor (a Custom HTML block in WordPress, a Code Block in Squarespace, or an Embed in Wix). Each template carries its own scoped CSS, so it won't inherit or fight your theme's styles. Edit the text directly — there's no build step and nothing to install.
Licence
Use them on any site, personal or commercial, modified or as-is. No attribution is
required — every template ships with a small “Template by LensNutra” credit at the bottom
which you're welcome to delete. If you keep it, thank you; it's a plain branded link and it's marked
nofollow, so it won't affect your site's SEO in either direction.
Want the interactive version?
These are static blocks you edit by hand. If you'd rather embed something your readers can actually use, the free calculator widgets are live tools — BMI, calories, macros and more — that update themselves. There's also a food calorie database if you need real numbers to fill these templates with, and printable planners if you want paper.
4.9 · Loved by 500,000+ people
Claim your 3-day free trial
Start scanning your meals in seconds. No ads, cancel anytime.