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
readonly

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

Next.js TailwindCSS TypeScript Framer Motion GSAP

πŸŽ₯ Demo

Watch on YouTube

Or view the live site:
🌐 peyush-nuwal-portfolio.vercel.app

Screenshots

App Screenshot

App Screenshot

App Screenshot

App Screenshot

App Screenshot

App Screenshot

App Screenshot

App Screenshot

πŸ›  Installation & Setup

To run this portfolio locally, follow these steps:

  1. Clone the repository
git clone https://github.com/peyush-nuwal/portfolio.git
cd portfolio
  1. Install dependencies
npm install
  1. Start the development Server
npm run dev
  1. Open your browser and navigate to:
http://localhost:3000

πŸ“¬ Contact

metadata.json
HTMLanimationCreative Codingcreative-developmentFramer MotionfrontendGSAPinteractive-uimicro-interactionsminimalmodern-uinextjsPortfoliosportfolio-websitereactjsresponsive-designGSAPsmooth-scrolltailwindcsstypescript

[INFO] 5 topics link to curated motion topic pages.