Personal portfolio built with React, Tailwind CSS, and Framer Motion.
Features custom cursors, magnetic interactions, project previews, and full mobile responsiveness.
GitHub · Contact · LinkedIn
A dark-themed, animation-heavy portfolio showcasing work, experience, and skills. Built for performance with hardware-accelerated animations and a fully responsive mobile layout.
| Feature | Details |
|---|---|
| Custom Cursor | Physics-based cursor with expand/shrink on hover, disabled on touch devices |
| Target Cursor | GSAP-powered corner-bracket cursor that snaps to interactive cards |
| Magnetic Navbar | Links with magnetic pull physics on desktop, hamburger overlay on mobile |
| Project Previews | Hover over a project to see a floating screenshot preview |
| Smooth Scroll | Lenis-powered inertial scrolling |
| Spotlight Effect | Mouse-tracked radial gradient reveal in the About section |
| Mobile Responsive | Hamburger nav, touch-friendly tap states, cursors removed on touch devices |
| CV Download | Resume accessible from Hero, About section, and Footer |
- Framework: React 19 + Vite 7
- Styling: Tailwind CSS 4 + CSS Variables
- Animation: Framer Motion 12 + GSAP
- Scroll: Lenis
- Icons: React Icons
- Hero — Animated headline, social links, CV download
- About — Bio, quick facts, resume download
- Experience — Work history (Novus Aegis AI, Academic Avenger)
- Selected Work — Project showcase with hover previews
- Tech Stack — Skills grid with parallax depth effect
- Contact — Email with copy button, LinkedIn CTA
git clone https://github.com/Nitin23123/PortfolioFINAL.git
cd PortfolioFINAL
npm install
npm run devsrc/
├── components/
│ ├── Hero.jsx
│ ├── About.jsx
│ ├── Experience.jsx
│ ├── Projects.jsx
│ ├── TechStack.jsx
│ ├── Contact.jsx
│ ├── Navbar.jsx
│ ├── Footer.jsx
│ ├── CustomCursor.jsx
│ ├── TargetCursor.jsx
│ ├── MagneticWrapper.jsx
│ └── ScrollFloat.jsx
├── index.css
└── App.jsx
public/
├── resume.pdf
└── previews/
├── reconpro.png
└── devTrace.png
MIT © Nitin Tanwar
Designed and engineered by Nitin Tanwar