threejs-shirt

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.

Created with tutorial

Demo

You can check this app there: tshirt.pacio.dev

Features

• Choosing own color of t-shirt
• Live preview of made changes
• Uploading own images as logo of t-shirt or full cover

Tech Stack

• React (w/ vite)
• TailwindCSS
• Framer motion
• ThreeJS (w/ @react-three)
• Valtio (state managment)
• react-color

Lessons Learned

I learned how to use basic functions of threejs, and how to put 3d models intro react app.

Run Locally

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

Support and feedback

For support or feedback, email tshirtproject@pacio.dev or checkout my website.