# Template: GSAP Portfolio

> Created by Gyanranjan Priyam (https://www.priyam.tech)
> Tech Stack: Next.js, React, TypeScript, Tailwind CSS, GSAP, Framer Motion, Three.js, Lenis, Google Gemini AI, OpenAI, Nodemailer
> Category: Portfolio (2025)

- Canonical URL: https://www.priyam.tech/templates/gsap-portfolio
- Live Demo: https://gsap.portfolio.gyanranjanpriyam.tech
- Source Code: https://github.com/Gyanranjan-Priyam/new-portfolio

---

## Overview

A modern, high-performance personal portfolio website built with Next.js 16 and React 19, featuring immersive animations, interactive 3D visuals, and AI-powered capabilities — deployed on Cloudflare Pages.

Powered by GSAP, Framer Motion, and Lenis for buttery-smooth scroll and transition effects. Three.js brings interactive 3D elements to life, creating an immersive and memorable visual experience for visitors.

AI integrations via Google Gemini and OpenAI through OpenRouter add intelligent interactivity. Server-side email via Nodemailer, dark/light theming with next-themes, and Vercel Analytics round out a production-ready personal brand site.

--- 

## Key Highlights

- Built with Next.js 16 and React 19 for cutting-edge performance
- Deployed on Cloudflare Pages with custom pre/post build scripts
- AI-powered features via Google Gemini and OpenAI (OpenRouter)
- Buttery smooth scroll experience powered by Lenis
- Interactive 3D visuals using Three.js
- Dark/light theme support with next-themes
- 95.3% TypeScript codebase — fully type-safe


--- 

## Core Features

- Hero section with GSAP and Framer Motion animations
- Interactive 3D scene built with Three.js
- AI assistant integration (Google Gemini + OpenAI via OpenRouter)
- Contact form with server-side email delivery via Nodemailer
- Cloudflare Pages deployment with Wrangler CLI
- Analytics tracking with Vercel Analytics
- Responsive design with Tailwind CSS v4
- Tooltip UI components via Radix UI
- Dark/light mode toggle with next-themes


---

## Author & Creator

- Developer: Gyanranjan Priyam
- Portfolio: https://www.priyam.tech
- GitHub: https://github.com/gyanranjan-priyam
- Twitter: https://x.com/gr_priyam