T-Designer - 3d

Design your 3d T-shirt with your logo and texture.

Techs

Three.js	React.js	Typescript
Tailwindcss	Gsap	Blender
Vite

Features

Main

• File Uploader to use your own logo and texture on the t-shirt.
• Color Picker to choose any color you want.
• Customize the Logo based on your desire.
• Capture Image of your T-shirt and save it.

Technical

• Complete CSR app with React.js.
• Using React-Three-Fiber & React-Three-Drei to use the best of Three.js in React.js.
• Using Gsap for some animations.
• Using Tailwindcss for styling.
• Using React Colors for implementing color picker.
• Using Vite as project builder.

Coming soon

• Ai to generate logo and texture with your prompt.

Usage

Default Images

Set your own images by changing the public images with the same name.

• App background: public/bg.png
• Default logo: public/logo.png
• Default texture: public/full.jpg