🚀 3D React Portfolio is a modern and interactive personal portfolio website built with React, Vite, and Three.js to showcase your work in a visually compelling way. It's animated, responsive, and full of smooth transitions powered by Framer Motion and WebGL.
🔗 Live Demo: https://imharshtiwari.github.io/3d-react-portfolio
- 🎨 Sleek, animated UI with Material UI and Tailwind CSS
- 🌐 3D visuals and scenes with React Three Fiber and Drei
- 💌 Email integration with EmailJS
- 🔠 Typing animation with Typed.js and iTyped
- 🎥 Smooth transitions using Framer Motion
- 🧭 React Router for navigation
- 📱 Fully responsive design
- Frontend: React, Vite, JavaScript
- Styling: Tailwind CSS, Sass, Emotion, MUI
- 3D Engine: Three.js, @react-three/fiber, Drei
- Animation: Framer Motion, Typed.js, iTyped
- Utilities: EmailJS, React Icons, Vertical Timeline
Make sure you have Node.js and npm installed.
# 1. Clone the repository
git clone https://github.com/imharshtiwari/3d-react-portfolio.git
# 2. Navigate into the directory
cd 3d-react-portfolio
# 3. Install dependencies
npm install
# 4. Start the development server
npm run dev
├── public/ # Static assets
├── src/
│ ├── assets/ # Media & icons
│ ├── components/ # Reusable components
│ ├── pages/ # Main sections like About, Projects
│ ├── styles/ # Tailwind & Sass styling
│ └── App.jsx # Main App entry
├── vite.config.js # Vite configuration
└── package.json # Project metadata & scripts
If you like this project, feel free to give it a ⭐ and share it!
Follow me for more:
Got feedback or ideas? Open an issue or drop me a message. I’d love to hear from you!
🚀 "Keep building. Keep learning. Your portfolio is your voice on the web."