Welcome to T-Designer, the next-level t-shirt customization platform that brings your designs to life in stunning 3D! Inspired by the cutting-edge technologies used by large corporations, this app offers an unparalleled user experience. Whether you're a design novice or a seasoned pro, T-Designer provides you with the tools to create, visualize, and download your dream t-shirt.
- 3D Visualization: Real-time rendering of your t-shirt design in 3D.
- Customization: Add colors, logos, and decals to make your design truly unique.
- AI-Infused: Generate and use images through DALLE AI for an extra layer of creativity.
- Downloadable: Save your final design as a high-quality image.
- Responsive: Optimized for all devices, ensuring a seamless design experience.
- High Performance: Efficient codebase for a smooth user experience.
- ThreeJS: For 3D graphics rendering. Official Docs
- React Three Fiber: To integrate ThreeJS within React. Official Docs
- React: For building the user interface. Official Docs
- TailwindCSS: For utility-first CSS styling. Official Docs
- Framer Motion: To add that extra flair with animations. Official Docs
- Valtio: For state management. Official Docs
- Clone the repository:
git clone https://github.com/mohimanb/tdesigner.git - Navigate to the project directory:
cd tdesigner - Install dependencies:
npm install - Start the development server:
npm start
- Open your browser and navigate to
http://localhost:8080/ - Use the design tools to create your custom t-shirt.
- Save your design by clicking the 'Download' button.
Feel free to fork the project, create a feature branch, and send us a pull request. For bugs, questions, and discussions please use the Github Issues.
This project is licensed under the MIT License - see the LICENSE.md file for details.
[Mohiman.com] - [LinkedIn.com/mohimanb]
- Project Link: https://github.com/mohimanb/tdesigner
- Deployment Link: https://tdesigner.vercel.app/
Made with ❤️&🍉 by Mohiman.com