https://github.com/abisake3/custom-tshirt

3D-design
https://github.com/abisake3/custom-tshirt

bootstrap5 fabricjs html5 javascript threejs

Last synced: 14 days ago
JSON representation

3D-design

• Host: GitHub
• URL: https://github.com/abisake3/custom-tshirt
• Owner: ABISAKE3
• Created: 2024-11-27T16:07:26.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-11-27T16:22:17.000Z (3 months ago)
• Last Synced: 2025-01-30T20:17:50.372Z (14 days ago)
• Topics: bootstrap5, fabricjs, html5, javascript, threejs
• Homepage: https://custom-tshirt-pro.netlify.app
• Size: 758 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [Custom-Shirt](https://custom-tshirt-pro.netlify.app)  

[**Live Demo**](https://custom-tshirt-pro.netlify.app)  

Custom-Shirt is an interactive web application that allows users to customize T-shirts with 3D visualizations. This project utilizes **Fabric.js**, **Three.js**, **HTML**, and **Bootstrap** to deliver a user-friendly interface for designing personalized T-shirts.  

## Features  

- **3D Visualization**: Realistic 3D models of T-shirts rendered using Three.js for an engaging design experience.  

- **Customization Options**: Add text, upload images, and modify designs using Fabric.js to personalize your T-shirt.  

- **Responsive Design**: Built with Bootstrap for compatibility across devices and screen sizes.  

- **Easy-to-Use Interface**: Intuitive layout for users to quickly create and preview their designs.  

## Tech Stack  

- **Fabric.js**: Enables rich text and image editing features for T-shirt customization.  

- **Three.js**: Renders 3D T-shirt models and enables dynamic user interactions.  

- **HTML & CSS**: Structures the application and styles the interface.  

- **Bootstrap**: Provides a responsive and mobile-friendly design.

## **Contact**  

Want to connect or collaborate? Reach out via:  

- **Email**: [[email protected]](mailto:[email protected])  

- **Instagram**: [Abishake](https://www.instagram.com/_abi_shake_03/profilecard/?igsh=MWh0NGl6MjY1bWp2Zg%3D%3D)  

- **LinkedIn**: [Abishake T](https://linkedin.com/in/abisake-t-75781426b)