https://github.com/exslym/my-portfolio-3d
3D Dev Portfolio - very impressive website with 3D graphics and animations (React, ThreeJS, TailwindCSS)
https://github.com/exslym/my-portfolio-3d
3d-graphics animations emailjs framer-motion javascript maath react react-three-drei react-three-fiber react-tilt react-vertical-timeline-component reactjs tailwindcss threejs
Last synced: 16 days ago
JSON representation
3D Dev Portfolio - very impressive website with 3D graphics and animations (React, ThreeJS, TailwindCSS)
- Host: GitHub
- URL: https://github.com/exslym/my-portfolio-3d
- Owner: exslym
- Created: 2023-03-14T15:36:07.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-20T16:54:52.000Z (2 months ago)
- Last Synced: 2025-03-24T07:57:06.564Z (about 1 month ago)
- Topics: 3d-graphics, animations, emailjs, framer-motion, javascript, maath, react, react-three-drei, react-three-fiber, react-tilt, react-vertical-timeline-component, reactjs, tailwindcss, threejs
- Language: JavaScript
- Homepage: https://exslym.github.io/My-Portfolio-3D/
- Size: 38 MB
- Stars: 25
- Watchers: 1
- Forks: 8
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## [My-Portfolio-3D](https://exslym.github.io/My-Portfolio-3D/)
[](https://exslym.github.io/My-Portfolio-3D/)
### An outstanding and impressive 3D Developer Portfolio website using React, 3D-graphics and animations with ThreeJS and Framer Motion, and TailwindCSS!
### Vercel Deployment: [My-Portfolio-3D](https://my-portfolio-exslym.vercel.app/)
---
### Installation
```
npm install
```
### Start Dev Server
```
npm start
```
### Build Production Version
```
npm run build
```
### Preview Build Production Version
```
npm run serve
```
### Deployment on GitHub Pages (Optional)
```
npm run deploy
```
This adds gh-pages branch to your project github repository, deploys built project there, hosts the site via GitHub Pages.
---
### Features:
- `Legacy Browsers` support via **@vite/plugin-legacy** with built-in **babel**
- `SCSS` support via **sass**
- `Autoprefix` support via **postcss**
- `3D Effects` support via **ThreeJS**
- `Animation` support via **Framer Motion**
- `Styles` support via **TailwindCSS**