{"repo":"Faiq-Khokhar/my-3d-portfolio-2026","free":true,"listed":false,"github":"https://github.com/Faiq-Khokhar/my-3d-portfolio-2026","clone":"git clone https://github.com/Faiq-Khokhar/my-3d-portfolio-2026.git","description":"A visually stunning personal portfolio website showcasing my skills, projects, and personality with 3D animations, smooth interactions, and a cosmic theme. Built using Next.js, Tailwind CSS, GSAP, and more!","language":"TypeScript","stars":10,"topics":["3d-portfolio","css","emailjs","framer-motion","gsap","gsap-scrolltrigger","html5","nextjs","portfolio","portfolio-website"],"license":null,"category":"saas-starters-boilerplates","readme_excerpt":"3D Portfolio Welcome to my playground of pixels, keys, and scroll-triggered chaos. This portfolio mixes Spline 3D, GSAP motion, and a pile of React/Tailwind goodness to show off projects, experience, and tools—without feeling like a resume template. Dive in, poke the keyboard, spam the scroll wheel (gently), and enjoy the ride. Cookies not included, but good vibes are. If something looks broken, it might just be “experimental art.” 🔥 Features Here are the loud highlights of this playground: - 🎹 3D Interactive Animations : Custom Spline keyboard; every keycap maps to a skill and pops titles/descriptions on hover. - ✨ Slick Interactions & Animations : GSAP + Framer Motion for buttery scroll pins, hover reveals, and scene transitions. - 🚀 Horizontal Project Reel : Pinned-on-scroll carousel with tilt and glow; snaps nicely on touch for mobile. - 🧊 Stacking Experience Cards : Layered timeline that sticks and stacks as you scroll—no jitter, just vibes. - 🌙 Theme + Fun Overlays : Playful toggles, Lottie “coming soon” dialog for future drops. - 📱 Responsive Everywhere : Safe-area friendly, dvh mindful layouts to avoid toolbar jump scares. 🛠️ Tech Stack - Framework: Next.js, TypeScript, React - Styling: Tailwind CSS, shadcn/ui - Animation: GSAP (ScrollTrigger), Framer Motion, VanillaTilt - 3D: Spline ( @splinetool/runtime , @splinetool/react-spline ) - Extras: Lottie for playful moments Getting Started Then open http://localhost:3000 . Configuration - Skills keyboard: edit src/","default_branch":null,"files":null,"tree":[],"storefront":"/r/Faiq-Khokhar","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Faiq-Khokhar/my-3d-portfolio-2026/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."}