Retro Style Portfolio Website Template - Made with React and Tailwind
🎨 HAN — Luxury Dark Portfolio TemplateA premium dark-themed portfolio for artists, designers, and frontend developers.Built with React 18, TypeScript, and Tailwind CSS. Featuring elegant gold & purple accents, smooth reveal animations, and a cinematic gallery experience.---✨ What You Get3 Complete Pages:- Home — Full-screen hero with portrait, animated text reveals, and featured work preview- Gallery — Responsive masonry grid with 20 image slots (1 column mobile, 4 columns desktop)- About — Philosophy section with hobbies, full contact details, and social linksPremium Features:- 🌙 Luxury dark aesthetic — Deep charcoal backgrounds (#141414) with gold (#c9a227) and purple (#8b5cf6) accents- 🎬 Cinematic animations — Scroll-triggered reveals, hover effects, and micro-interactions powered by Framer Motion- 📱 Fully responsive — Optimized for mobile, tablet, and desktop- 🖼️ 20-image gallery — Compact, neat grid with category labels and hover overlays- 🗂️ Side drawer navigation — Elegant slide-out menu with smooth transitions- 🔗 Social integration — GitHub, Twitter, Instagram, LinkedIn icons (easily customizable)- ⚡ Vite-powered — Lightning-fast builds and hot reload during development---🛠️ Tech Stack- React 18 + TypeScript- Vite (build tool)- Tailwind CSS (utility-first styling)- shadcn/ui components- Lucide React icons- JetBrains Mono + Inter fonts---📦 Perfect For- Visual artists & photographers- UI/UX designers- Frontend developers showcasing React/Tailwind skills- Creative directors- Anyone wanting a premium, dark-mode portfolio---🚀 What's IncludedSource Code:- Complete React project structure- 3 page components (Home, Gallery, About)- Global styles with CSS variables for easy theming- Responsive navigation with mobile drawerDocumentation:- ✅ Step-by-step customization guide- ✅ How to change images, text, and colors- ✅ How to update contact info and social links- ✅ Deployment guides for 6 platforms:- Vercel (recommended)- Netlify- GitHub Pages- WordPress (static export)- Wix (iframe embed)- Traditional hosting (cPanel/FTP)---💡 Why HAN?Most portfolio templates look generic. HAN stands out with its editorial, luxury feel — like a high-end photography magazine. The animations are purposeful, not distracting. The dark theme puts your visual work front and center. And the code is clean, modern, and easy to customize.---🎯 Quick Setup1. Unzip the files2. Run `npm install`3. Replace images in `/public/images/`4. Edit text in `/src/pages/`5. Run `npm run build`6. Deploy to your preferred platformSetup time: 15-30 minutes---📄 License- Personal & Commercial Use — Use for yourself or clients- No attribution required- One purchase per project (buy extended license for multiple uses)---🎁 BonusIncludes a customization checklist so you don't miss anything when personalizing the template.---Ready to launch a portfolio that actually impresses? Get HAN today.
Get it → cryheight.gumroad.com