A collection of modern, interactive portfolio website templates built with Three.js, TypeScript, and Vite. Each template features unique 3D backgrounds and is fully customizable for developers, designers, and professionals.
A stunning portfolio with an immersive 3D Milky Way galaxy background.
Features:
- Interactive galaxy panorama that responds to mouse movement and scroll
- Warm amber/gold color theme with glassmorphism effects
- Animated 3D navbar logo
- Professional loading screen
- Responsive design
A sleek portfolio with an interactive 3D particle background.
Features:
- Dynamic particle system with geometric shapes
- Modern dark theme with gradient accents
- Smooth scroll animations
- Clean, minimal design
- Responsive layout
| Technology | Purpose |
|---|---|
| Vite | Fast build tool and dev server |
| TypeScript | Type-safe JavaScript |
| Three.js | 3D graphics and animations |
| CSS3 | Custom properties, flexbox, grid, glassmorphism |
-
Choose a template and navigate to its directory:
cd my-portfolio # or cd "Portfolio -2"
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Customize your content in
src/content/profile.ts -
Build for production:
npm run build
Each template uses a content-driven architecture. Simply edit the src/content/profile.ts file to update:
- Personal information (name, headline, location)
- Contact details and social links
- Skills and expertise
- Work experience
- Projects
- Education and certifications
See individual template READMEs for detailed customization guides.
Both templates include GitHub Actions workflows for automatic deployment to GitHub Pages. Push to main and your portfolio deploys automatically.
MIT License - use these templates freely for your personal portfolio