Skip to content

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.

Notifications You must be signed in to change notification settings

peyush-nuwal/portfolio

Repository files navigation

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

About

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.

Topics

Resources

Stars

Watchers

Forks

Languages