A modern 3D portfolio built with React, Three.js (React Three Fiber), TailwindCSS, and Framer Motion.
Designed with scalability and performance in mind — perfect for showcasing your work as a developer.
This is a fully responsive, interactive 3D portfolio interface featuring smooth transitions, section-based layouting, and a refined user experience. Each section is componentized for easy maintenance and extension.
View the deployed application here:
Live Site on Netlify
| Technology | Purpose |
|---|---|
| React | UI & state management |
| Vite | Lightning-fast development setup |
| TailwindCSS | Utility-first CSS styling |
| React Three Fiber | WebGL / Three.js abstraction for React |
| Drei | Useful R3F helpers |
| Framer Motion | Animation and transitions |
| EmailJS | Form submission and email integration |
├── public/
│ ├── assets/ # Logos, images, icons
│ └── models/ # 3D assets
├── src/
│ ├── components/ # Reusable UI components
│ ├── constants/ # Static data & config
│ ├── sections/ # Main page sections
│ ├── styles/ # Tailwind extensions, global styles
│ ├── App.jsx
│ └── main.jsx
├── tailwind.config.js
└── vite.config.js
Clone and run locally:
git clone https://github.com/halenurincedere/3d-portfolio.git
cd 3d-portfolio
npm install
npm run devRuns on http://localhost:5173
Logos, icons, and 3D models used are either open source or self-created.
Custom icons can be sourced from:
Feel free to connect or send feedback:
This project is released under the MIT License.
- Ali Sanati for the original design and structure inspiration.