Hi everyone,
I've just finished a project I've been working on for a while, designed to be an alternative to all the boring, look-alike portfolio sites out there.
It's called Digital Craftsman.
This is more than just a list of "here are my projects." It's an HTML/CSS/JS template packed with modern animations and premium touches, all designed to make visitors say, "Wow, this is really good."
🔥 First, the Live Demo: https://digital-craftsman-template.netlify.app/
I focused on 3 key factors when designing this template:
- Top-Tier Animations:
"Sticky stack" project cards that stack on top of each other as you scroll.
A project detail modal that opens with a smooth animation, without you ever leaving the page.
An attention-grabbing, auto-rotating word animation in the hero section.
- Premium Touches:
A one-click Light / Dark Mode that's responsive to the background image.
A custom-designed Custom Cursor that changes shape on hoverable, clickable elements.
- Incredibly Easy to Use (No JS Knowledge Required):
This might be its best feature. You don't need to open the JavaScript file.
You manage all your projects—titles, descriptions, and tags—directly by filling in the data- attributes in the index.html file (e.g., data-title="My Project"). I've also included comprehensive (English) documentation.
It's fully mobile-responsive, written in pure (vanilla) JavaScript (no libraries, lightning-fast), and easily customizable.
I believe it's a great starting point for developers, designers, and creative professionals who want to take their portfolio to the next level.
If you're interested or want to support the project, I've put the template up for sale on Gumroad with all its files and documentation.
Gumroad Page: https://gurbuzemirhan6.gumroad.com/l/fgkdj?layout=profile
I'd love to hear your feedback and comments.
Thanks!
Top comments (0)