{"repo":"Naresh-Khatri/3d-portfolio","free":true,"listed":false,"github":"https://github.com/Naresh-Khatri/3d-portfolio","clone":"git clone https://github.com/Naresh-Khatri/3d-portfolio.git","description":"Interactive 3D developer portfolio with a keyboard where every keycap is a skill. Built with Next.js, React, TypeScript, GSAP & Motion. Free to use!","language":"TypeScript","stars":1216,"topics":["3d","animation","interactive","portfolio","developer-portfolio","framer-motion","gsap","motion","nextjs","personal-website"],"license":null,"category":"saas-starters-boilerplates","readme_excerpt":"🚀 3D Portfolio A jaw-dropping developer portfolio packed with interactive 3D animations, buttery smooth transitions, and a space-themed aesthetic. Not your average portfolio template! This one has a fully interactive 3D keyboard where each keycap is a skill. Free to use! This portfolio is open source. If you use it, a credit/link back would be really appreciated 🙏 ✨ Features - Interactive 3D Keyboard — Custom Spline keyboard where each keycap represents a skill, revealing titles and descriptions on hover/press - Buttery Animations — GSAP + Framer Motion powered scroll, hover, and reveal animations - Space Theme — Floating particles on a dark canvas for a cosmic vibe - Light & Dark Mode — Full theme support with cheeky disclaimer toasts - Responsive — Works across all screen sizes - Contact Form — Email delivery via Resend - Analytics (optional) — Umami analytics integration 🛠️ Tech Stack Layer Technologies --- --- Framework Next.js 14, React 18, TypeScript Styling Tailwind CSS, Shadcn UI, Aceternity UI Animation GSAP, Framer Motion 3D Spline Runtime Email Resend Misc Lenis (smooth scroll), Zod, next-themes --- 🚀 Getting Started Prerequisites - Node.js (v18+) - pnpm (recommended), npm, or yarn Installation 1. Clone the repository: 2. Install dependencies: 3. Set up environment variables: Copy .env.example to .env.local and fill in the values: Variable Required Description --- --- --- RESEND API KEY Yes API key from Resend for the contact form NEXT PUBLIC WS URL No WebSocke","default_branch":null,"files":null,"tree":[],"storefront":"/r/Naresh-Khatri","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Naresh-Khatri/3d-portfolio/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}