Hailee is a hand-coded portfolio website template built entirely with vanilla HTML, CSS, and JavaScript, with no frameworks or build tools, and a live demo running at hailee.netlify.app. It is a static site that showcases a personal portfolio with a toggle between dark and light mode, designed for creative professionals who want to present their work online.
What is Hailee?
Hailee is a portfolio website template created from scratch using only HTML, CSS, and JavaScript. It takes a developer's or designer's content — such as project descriptions, images, and personal details — and renders it as a polished, animated portfolio page. The template runs entirely in the browser with no server-side dependencies, and the repository includes source files that can be edited and deployed to any static hosting service. The GitHub repository behind the template currently has 196 stars and is published under the topics "animated-portfolio", "css", "html", "javascript", and "portfolio-website".
Key Features
- Vanilla tech stack — Built from the ground up with plain HTML, CSS, and JavaScript, meaning no React, Vue, or build step required; you can open the files directly in a browser.
- Dark and light modes — Includes both dark mode and light mode themes, with screenshots in the README showing the same page rendered in each appearance.
- Animated portfolio styling — Listed under the "animated-portfolio" topic, the template includes motion and visual effects driven by CSS and JavaScript.
- Responsive portfolio layout — The page is structured as a single portfolio site with sections for showcasing work, though the README does not enumerate the exact sections.
- Easy deployment — Because it is a static site, the template can be hosted on Netlify, GitHub Pages, or any static file server; the README links to a working live example.
- Open-source repository — The code is publicly available on GitHub with 196 stars, permitting free use and modification.
Who is Hailee for?
- Front-end developers who want a lightweight, framework-free starting point for their own portfolio, editable with basic HTML and CSS skills.
- Designers and photographers who need a clean portfolio page with dark and light aesthetics to display visual work.
- Students and early-career professionals who want a simple, animated portfolio that can be deployed quickly to Netlify without learning a JavaScript framework.
What can you do with Hailee?
- Showcase your projects: embed your own project names, descriptions, and screenshots into the existing HTML structure to present your work.
- Toggle between themes: demonstrate a dark and light mode experience for visitors, matching their system preference or offering a manual switch.
- Learn from the source code: study how a pure HTML/CSS/JS site implements animation and theme switching without dependencies, useful for educational purposes.
