Skip to content

Latest commit

 

History

History
58 lines (37 loc) · 1.05 KB

README.md

File metadata and controls

58 lines (37 loc) · 1.05 KB

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 [email protected] or checkout my website.