Skip to content
/ threejs Public

AI-powered web app enabling users to unleash their creativity by customizing their own shirts. ๐Ÿ‘•

Notifications You must be signed in to change notification settings

cirko0/threejs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

19 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Three.js + AI

AI-powered web app enabling users to unleash their creativity by customizing their own shirts.

๐ŸŒTry it out

See a live demo here.

screenshot of Three.js + AI homepage

๐Ÿค– Introduction

Introducing a game-changing 3D Shirt Customization App, where expressing your style is as easy as a few taps. Say goodbye to headaches and complicated processes โ€“ now, pure creativity is at your fingertips.

Whether you're into bold colors, want to showcase your logo, or fancy exploring AI-generated designs, this app has you covered. It's like having your own personal stylist, but cooler and more fun.

โš™๏ธ Tech Stack

  • React.js (as the frontend framework)
  • Three.js (for 3D graphics rendering)
  • React Three Fiber (for integrating Three.js with React)
  • React Three Drei (as additional tools for React Three Fiber)
  • Vite (as the fast build tool)
  • Tailwind CSS (for styling the frontend)
  • Node.js with Express.js (for building the backend API)
  • OpenAI Platform SDK (for building Generative AI features)
  • Framer Motion (for React animation)
  • Valtio (for state management in React)

๐Ÿ”‹List of Features

  • 3D Shirt Generation: Generate unique 3D shirts items dynamically
  • Color Customization: Personalize your 3D shirt by applying any color
  • Logo Upload Functionality: Easily upload your own logo and see it seamlessly integrated onto the 3D shirt
  • Texture Image Upload: Upload texture images to customize the appearance of your 3D shirt
  • AI-Generated Logo Integration: Let AI generate logos and intelligently apply them to your 3D shirt
  • AI-Generated Textures: Experiment with AI-generated textures for enhanced customization
  • Download Options: Download your customized 3D shirt for personal or commercial use
  • Responsive Design: Enjoy a seamless experience across various devices with our responsive 3D application
  • Framer Motion Animation: Experience smooth transitions between different 3D models with Framer Motion animations

and many more, including code architecture and reusability.

About

AI-powered web app enabling users to unleash their creativity by customizing their own shirts. ๐Ÿ‘•

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages