https://github.com/exslym/new-3d-portfolio

3D Portfolio with animated models, using ThreeJS, React, GSAP and TailwindCSS
https://github.com/exslym/new-3d-portfolio

emailjs gsap react react-three-drei react-three-fiber tailwindcss threejs

Last synced: 4 months ago
JSON representation

3D Portfolio with animated models, using ThreeJS, React, GSAP and TailwindCSS

• Host: GitHub
• URL: https://github.com/exslym/new-3d-portfolio
• Owner: exslym
• Created: 2024-12-03T20:15:06.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-09T09:48:16.000Z (over 1 year ago)
• Last Synced: 2025-04-04T00:43:59.336Z (over 1 year ago)
• Topics: emailjs, gsap, react, react-three-drei, react-three-fiber, tailwindcss, threejs
• Language: JavaScript
• Homepage: https://new-3d-portfolio-exs.vercel.app
• Size: 9.95 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## [New 3D Portfolio](https://new-3d-portfolio-exs.vercel.app/)

[![preview](https://raw.githubusercontent.com/exslym/new-3d-portfolio/refs/heads/main/public/preview.jpg)](https://new-3d-portfolio-exs.vercel.app/)

  


    

		

    

    

    

  


### Vercel Deployment: [New 3D Portfolio](https://new-3d-portfolio-exs.vercel.app/)

## 🤖 Introduction

Built with React.js for handling the user interface, Three.js for rendering 3D elements, GSAP for animations, and styled with TailwindCSS, the 3D Minimalistic portfolio is a website project. The primary goal is to demonstrate the developer's skills in a unique manner that creates a lasting impact.

## ⚙️ Tech Stack

- React

- ThreeJS

- React Three Fiber

- React Three Drei

- GSAP

- TailwindCSS

- EmailJS

## 🔋 Features

👉 **Immersive Hero**: An eye-catching 3D hacker room that responds to mouse movements, surrounded by animated mini-models.

👉 **Interactive About Me**: A sleek bento grid layout featuring personal info, a 3D globe pinpointing location, tech stack icons, and a one-click email copy option.

👉 **Dynamic Project Showcase**: Browse through projects while watching live demos inside a 3D computer model, seamlessly switching between different projects.

👉 **Engaging Experience Timeline**: Hover over career milestones to trigger interactive 3D animations that bring my professional journey to life.

👉 **Easy Contact Form**: A user-friendly email form for visitors to reach out directly from this portfolio.

👉 **Clean Footer**: A minimalist design featuring social media links for easy networking.

👉 **Fully Responsive**: Optimized layout ensuring a smooth experience across all devices, from desktop to mobile.

and many more, including code architecture and reusability

#