Simple app created with React and ThreeJS to learn how to use 3D Models on webapp. With it you can customize your own t-shirt and download results as image.
You can check this app there: tshirt.pacio.dev
- Choosing own color of t-shirt
- Live preview of made changes
- Uploading own images as logo of t-shirt or full cover
- React (w/ vite)
- TailwindCSS
- Framer motion
- ThreeJS (w/ @react-three)
- Valtio (state managment)
- react-color
I learned how to use basic functions of threejs, and how to put 3d models intro react app.
Clone the project
git clone https://github.com/paciodev/threejs-shirt
Go to the project directory
cd threejs-shirt
Install dependencies
yarn
Start the server
yarn dev
For support or feedback, email [email protected] or checkout my website.