public 3d-motion repository
portfolio
// peyush-nuwal/portfolio
A modern, interactive frontend portfolio built using Next.js, TypeScript, GSAP, Framer Motion, and TailwindCSS. Designed to showcase my skills, featured projects, and personal branding as a frontend developer.
$ git log --oneline --stat
stars:5forks:2updated:2025-09-07
README.md
Peyush Nuwal - Portfolio Website
π Live Site
A modern, interactive frontend portfolio built using Next.js, TypeScript, GSAP, Framer Motion, and TailwindCSS. Designed to showcase my skills, featured projects, and personal branding as a frontend developer.
π Features
- β¨ Animated hero section with GSAP-driven staggered text and direction-based stretch effects
- π±οΈ Interactive project previews with smooth GSAP and Framer Motion transitions
- ποΈ Custom award hover effect with direction-based scroll using GSAP
- β‘ TailwindCSS v4-powered responsive layout with utility-first styling
- π¬ Custom animated loader to set visual tone and brand identity
- π± Mobile-first, fluid design with accessibility and performance in mind
- π§± Scalable and clean codebase with Next.js 15 and TypeScript
π§° Tech Stack
π₯ Demo
Or view the live site:
π peyush-nuwal-portfolio.vercel.app
Screenshots








π Installation & Setup
To run this portfolio locally, follow these steps:
- Clone the repository
git clone https://github.com/peyush-nuwal/portfolio.git
cd portfolio
- Install dependencies
npm install
- Start the development Server
npm run dev
- Open your browser and navigate to:
http://localhost:3000
π¬ Contact
- LinkedIn: linkedin.com/in/peyush-nuwal
- Email: piyushnawal19@gmail.com
metadata.json
HTMLanimationCreative Codingcreative-developmentFramer MotionfrontendGSAPinteractive-uimicro-interactionsminimalmodern-uinextjsPortfoliosportfolio-websitereactjsresponsive-designGSAPsmooth-scrolltailwindcsstypescript
[INFO] 5 topics link to curated motion topic pages.