Skip to content

Repository files navigation

👕 Fabricate - Wear your Imagination

Fabricate is a web-based 3D shirt modeling platform where you can design your own shirt with ease. Customize every detail—from color to logo placement—and see the changes live in an interactive 3D preview. Once you're happy with the design, download the final shirt image to share or use.

image image

🌟 Features

  • 🎨 Change Shirt Color Pick any color using a color picker to customize the entire shirt.

  • 🖼️ Upload Custom Designs or Logos Upload your own images to apply to the shirt as designs or logos.

  • 🧅 Real-Time 3D Preview View your shirt in a fully interactive 3D model. Rotate, zoom, and explore it from every angle.

  • 📅 Download Final Design Export and download a snapshot of your customized shirt.

🚀 Getting Started

To run the project locally:

git clone https://github.com/your-username/fabricate.git
cd fabricate
npm install
npm run dev

Visit http://localhost:3000 to start designing!

🛠️ Tech Stack

  • Three.js – 3D rendering engine
  • React.js – UI and component logic
  • Tailwind CSS – Modern styling framework
  • Framer Motion – Smooth animations
  • HTML2Canvas / FileSaver.js – For downloading shirt designs

🤝 Contributing

Contributions are welcome! Feel free to fork the project, create a new branch, and submit a pull request.


Enjoy designing with Fabricate — Where creativity meets 3D fashion!

About

A web-based 3D shirt modeling platform where you can design your own shirt with ease.

Topics

Resources

Stars

4 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages