A high-performance, interactive portfolio website crafted with Nuxt 4, Tailwind CSS 4, and Three.js. This project showcases a clean grid-based layout, smooth GSAP animations, and an immersive 3D particle background.
- 3D Interactive Background: Custom Three.js particle sphere with mouse parallax and scroll-based deformations.
- Modern Styling: Built with the latest Tailwind CSS v4 using the new CSS-first configuration (
@theme). - Animations: Smooth transitions and micro-interactions powered by GSAP.
- UI Components: polished components using Nuxt UI v4.
- Dark/Light Mode: Fully responsive theme switching.
- Type Safe: Written in TypeScript for robustness.
- Framework: Nuxt 4 & Vue 3
- Styling: Tailwind CSS 4 & Nuxt UI
- 3D & Animation: Three.js & GSAP
- Icons: Nuxt Icon (Lucide, Simple Icons)
- Package Manager: pnpm
This project uses pnpm as its package manager.
- Node.js (v20 or v22+ recommended)
- pnpm installed (
npm install -g pnpm)
- Clone the repository:
git clone [https://github.com/iman-mohamadi/portfolio.git](https://github.com/iman-mohamadi/portfolio.git) cd portfolio