Skip to content

3D T-Shirt Customization is a web app enabling users to interact with a 3D T-shirt model, change colors, and upload images for custom designs. Developed with Three.js, React, Vite, Tailwind CSS, and Framer Motion, it offers an engaging experience for personalized T-shirts.

Notifications You must be signed in to change notification settings

YAlorenzo/t-shirt_designer_three.js

Repository files navigation

🎨 3D T-Shirt Customization

Description

3D T-Shirt Customization is an interactive web application that allows users to interact with a 3D model of a T-shirt. Users can change the color of the T-shirt, rotate it, and upload their own image to customize the T-shirt design. Built with Three.js, React, Vite, Tailwind CSS, and Framer Motion, this project offers an engaging and interactive experience for users to personalize their T-shirts.

Features

  • Interactive 3D Model: Users can interact with a 3D model of a T-shirt.
  • Color Customization: Change the color of the T-shirt to suit your preference.
  • Image Upload: Upload your own image to customize the T-shirt design.
  • Dynamic Animation: Smooth animations powered by Framer Motion.
  • Modern Design: Sleek and modern interface for an enjoyable user experience.

Tech Stack

  • Three.js: Library for creating and displaying 3D computer graphics.
  • React: Frontend library for building user interfaces.
  • Vite: Build tool for modern web development.
  • Tailwind CSS: Utility-first CSS framework for styling.
  • Framer Motion: Animation library for React applications.

About

3D T-Shirt Customization is a web app enabling users to interact with a 3D T-shirt model, change colors, and upload images for custom designs. Developed with Three.js, React, Vite, Tailwind CSS, and Framer Motion, it offers an engaging experience for personalized T-shirts.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published