https://github.com/jonatandb/threejs_portfolio
ThreeJS 3D Portfolio (React + Vite + TailwindCSS)
https://github.com/jonatandb/threejs_portfolio
3d 3d-portfolio emailjs frontend gsap gsap-animation gsap-react jonatandb leva maath portfolio react react-globe react-responsive tailwdindcss tailwind three-drei three-fiber three-js threejs
Last synced: 7 months ago
JSON representation
ThreeJS 3D Portfolio (React + Vite + TailwindCSS)
- Host: GitHub
- URL: https://github.com/jonatandb/threejs_portfolio
- Owner: Jonatandb
- Created: 2024-10-06T18:11:42.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-22T03:49:32.000Z (9 months ago)
- Last Synced: 2025-03-16T09:14:51.911Z (7 months ago)
- Topics: 3d, 3d-portfolio, emailjs, frontend, gsap, gsap-animation, gsap-react, jonatandb, leva, maath, portfolio, react, react-globe, react-responsive, tailwdindcss, tailwind, three-drei, three-fiber, three-js, threejs
- Language: JavaScript
- Homepage: http://jonatandb.dev.ar/threejs_portfolio/
- Size: 17.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React + Vite + ThreeJS - 3D Portfolio
## Tech Stack
- React, Vite, TailwindCSS, ThreeJS, GSAP
---
## Preview
[](https://jonatandb.dev.ar/threejs_portfolio/)
## Online version
[https://jonatandb.dev.ar/threejs_portfolio/](https://jonatandb.dev.ar/threejs_portfolio/)
---
## Run Locally
Clone the project
```bash
git clone https://github.com/Jonatandb/threejs_portfolio
```
Go to the project directory
```bash
cd threejs_portfolio
```
Install dependencies
```bash
pnpm install
```
- You can also use npm or yarn. But stay consistent to avoid problems.
Start the server
```bash
pnpm run dev
```
Visit:
- http://localhost:5173
---
## Production build for Github Pages
Build the project:
```bash
pnpm build
```
---
## Useful websites
- [Three.js](https://threejs.org/) – JavaScript 3D Library.
- [GLTF convertor](https://gltf.pmnd.rs/) – 🎮 Turns GLTFs into JSX components.
- [Sketchfab](https://sketchfab.com/3d-models/hacker-room-stylized-a0cfe6edf2dd494c8a95addf6bb13a10) – 🚗 3D Models.
- [GSAP](https://gsap.com/) – A wildly robust JavaScript animation library built for professionals.
- [React-globe.gl](https://github.com/vasturiano/react-globe.gl) – React component for Globe Data Visualization using ThreeJS/WebGL.
- [EmailJS](https://www.emailjs.com/) – Send email directly from your code – no server side code required.
- [\](https://modelviewer.dev/) – Easily display interactive 3D models on the web & in AR.
- [glTF Viewer](https://gltf-viewer.donmccurdy.com/)
- [RealFaviconGenerator](https://realfavicongenerator.net/) – Favicon generator. For real.
---
## Author
- Jonatandb - [@jonatandb](https://www.github.com/jonatandb)