I just worked on heartfolio - a clean, dark-themed portfolio template that works on GitHub Pages for free. No React, no Node, no build tools. Just open the files, replace the placeholders with your info, and push to GitHub.
What it looks like
What's included
- Homepage with hero, skills, experience, projects, and contact form
- Full projects page with live search and category filter
- Custom 404 page
- Contact form (no backend needed - uses FormSubmit)
- Mobile responsive
- PWA ready
- SEO ready (sitemap, robots.txt, Open Graph, JSON-LD)
- Google Analytics support (optional)
How to use it
1. Grab the template
Go to the repo and click Use this template, name it YOUR-USERNAME.github.io, and clone it.
2. Find and replace the placeholders
Everything is marked in UPPERCASE so it's easy to find:
| Placeholder | Replace with |
|---|---|
YOUR NAME |
Your full name |
YOUR ROLE |
Your job title |
YOUR-USERNAME |
Your GitHub username |
YOUR-EMAIL@example.com |
Your email for the contact form |
3. Enable GitHub Pages
Push to GitHub, go to Settings → Pages, select the main branch, and save. Your site is live in under a minute.
Links
- 🔗 Live demo: dahimbis.github.io/heartfolio-website-template
- ⭐ GitHub repo: github.com/dahimbis/heartfolio-website-template
It's completely free to use. If you build something with it, drop a link in the comments -I would love to see it!
Top comments (1)
nice content man, thanks for sharing