Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tanmay-tiwari-20/shirt-showcaser
3D Shirt Showcaser is an interactive web app using React, Three.js, and Tailwind CSS that lets users customize 3D shirt models with various textures and colors in real time. It offers a dynamic and engaging way to visualize products online.
https://github.com/tanmay-tiwari-20/shirt-showcaser
reactjs ta three-drei three-fiber threejs
Last synced: about 1 month ago
JSON representation
3D Shirt Showcaser is an interactive web app using React, Three.js, and Tailwind CSS that lets users customize 3D shirt models with various textures and colors in real time. It offers a dynamic and engaging way to visualize products online.
- Host: GitHub
- URL: https://github.com/tanmay-tiwari-20/shirt-showcaser
- Owner: tanmay-tiwari-20
- Created: 2024-09-05T18:13:03.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-09-09T16:21:26.000Z (3 months ago)
- Last Synced: 2024-10-12T15:41:48.868Z (2 months ago)
- Topics: reactjs, ta, three-drei, three-fiber, threejs
- Language: JavaScript
- Homepage: https://shirt-showcaser.vercel.app
- Size: 1.02 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 3D Shirt Showcaser
An interactive web application that allows users to customize and visualize 3D shirt models in real-time, built with **React**, **Three.js**, and **Tailwind CSS**.
## Features
- **Customization Options**: Apply different colors, textures, and patterns to the shirts.
- **Responsive Design**: Optimized for various devices and screen sizes.## Tech Stack
- **React**: For building the user interface and managing the application state.
- **Three.js**: For rendering and handling 3D graphics.
- **Tailwind CSS**: For styling the components and ensuring a responsive layout.## Usage
Choose different textures or colors to customize the shirts.
## Contributing
Contributions are welcome! Please open an issue or submit a pull request for any enhancements or bug fixes.## Contact
For any questions or feedback, feel free to reach out to me on LinkedIn.