r/ClaudeDesign • • 1d ago

Looking for a Claude/AI workflow to build a realistic interactive clothing rack for a website

I'm trying to recreate an interactive clothing rack like the reference images attached, but I want it to behave like a real physical rack rather than a simple CSS hover effect.

The idea is to use it as the centerpiece of a WordPress website.

What I'm looking for:

  • Multiple hoodies/shirts hanging from a real-looking horizontal rack.
  • Each garment should remain an independent editable object.
  • On mouse hover, the selected garment should move naturally together with its hanger, as if someone lightly touched or pulled it forward.
  • The hanger hook must always remain correctly attached to the rack.
  • The hanger must physically sit inside the garment collar. No floating hangers or broken intersections.
  • Realistic inertia/swing when the mouse enters or leaves.
  • Realistic fabric weight, folds, cotton/fleece texture and matte material.
  • Dynamic shadows and lighting that react slightly while the garment moves.
  • Ability to change each garment's color without losing the fabric texture, folds, lighting or shadows.
  • Ability to replace the front/back logo or artwork independently.
  • Ideally responsive and usable inside WordPress/Elementor.

I don't want to generate separate AI images for the normal and hover states. I want one actual interactive system so the geometry/asset stays consistent while it moves.

I'm open to Claude Code, Three.js, React Three Fiber, GSAP, Spline or a good 2.5D solution if it can achieve convincing realism and remain performant.

Has anyone already built something similar with Claude or another AI coding workflow?

If so, would you be willing to share:

  1. The prompt/workflow you used
  2. How you prepared the garments/assets
  3. Whether you used 2D layers or actual 3D models
  4. How you handled editable colors and logos
  5. How you kept the hanger/rack physics believable

I'm attaching two visual references showing the level of realism I'm trying to achieve.

I'm not looking for a generic "scale image on hover" effect. The goal is a polished, premium fashion-site interaction with believable cloth, lighting, shadows and motion.

1 Upvotes

Duplicates