Preview
-13%
Nightfolio - HTML Personal Portfolio Template
About this template
Documentation:
- Nightfolio Documentation
All Features
- Attractive Hero Sections
- Theme Section Variants & Flexibility
- GSAP – Animations While Scrolling
- Real Showcase
- Modern & Sleek Design
- 3 Home Section variants
- home-1
- home-2
- home-3
- 2 Clients/Testimonials variants
- cards
- stacked-sticky-cards
- 6 Projects Section variants
- cards
- 3-cards
- stacked-sticky-cards
- stacked-cards
- list
- side-cards
- 2 Services Section variants
- cards
- list
- 2 Contact Section variants
- contact-1
- contact-2
- Dark & Light mode
-
<html class="dark">...</html>(dark) -
<html class="">...</html>(light) - Parallax
- Visual hierarchy
- Bold Typography
- Perfect For Developers/Designers/UI&UX
- High Performance Both In Desktop & Mobile
- High Contrast
- Constantly Free Updates & New Variants
- 100% SEO
- Open To Suggestions
- Fancy Preloader
- Form Validation & Feedback
- Quick and free of stuffing
- Easy Customization
- No Jquery dependency
- Well Coded & Clean Script without any errors
- Well Documented
- Structured Folders
- Straightforward
- Modern design & UI/UX
- Fully Responsive
- Contact Form Working
- Css variables for Customization
Why HTML?
- Lightweight and Fast
- SEO-Friendly by Nature
- Perfect for Static Portfolios
Files included:
- html files: index.html, home-1.html, home-2.html, home-3.html
- Placeholder images: .png, .jpg
- svg: .svg
- PDF CV file: .pdf
- Environment Variables: file .env
- CSS files: .css
- JS files: .js
- PHP files: .php
How To Edit:
- public/images folder to add images
- src/js/data folder to add sections data files
- .env file to add contact form data
Technologies:
- HTML
- Javascript with GSAP
- tailwind css
- PHP
Libraries:
- gsap
- lenis
Edit Template:
- You need to have text editor program installed on your system. Just open files in code writer and edit them easily.
Notes:
- this template not wordpress theme
- node.js is needed only if you want to add new tailwind css classes or modify tailwind styles
- images used in demo preview only
- theme variants panel in demo preview only, in downloadable theme folder you can change theme variant in /src/js/data/config.js
Help:
- If you have any problems or confusion, questions or ideas, suggestions, Please Contact Me anytime.
Change Log
v1.0 (11/7/2025) - initial release
Credits:
- Free fonts google fonts
- Free icons from lucide react
- Free icons from fontawesome
- Free 3D service icons images from 3dicons
- arrow svg from & tool icons svgrepo
- hero & about image from unsplash
What you get
- Files Included
- HTML files, CSS files, JS files, Images,...
- High Resolution
- Yes
- Last Update
- 22 Nov 2025
- Published
- 22 Nov 2025
- Tags
- animation, branding, creative, dark, developer, gsap, hire, html
Related Templates
View all
FAQ
Answers before you buy
Our goal is to make high-quality design accessible to everyone at an affordable price. We collaborate with a global network of talented designers and developers who provide us with unique and innovative designs at a reduced cost. By streamlining our processes and focusing on efficiency, we keep our prices low, making professional-quality designs accessible to all businesses and individuals.
Yes, you can use the themes for multiple projects as long as they comply with our terms.
The download file includes everything you need to get started: HTML, CSS, JS files, and all relevant images. The files are identical to what you see on the live demo, provided in clean and well-structured HTML format for easy customization without requiring additional installations.
Yes, we provide dedicated customer support to help you resolve any issues or questions related to our themes. You can reach out to us through our support email ([email protected]), and we’ll respond promptly.
Still unsure? Email [email protected] - we answer every message ourselves.
