100PercentCustom

Provided Services

Design

Development

3D Model

100PercentCustom: Homepage hero

About the project

100PercentCustom is a platform for designing custom team uniforms and apparel for teams, academies, leagues and sports brands. Its 3D designer lets anyone style a kit and check every side before production, while team stores, rosters and a factory pipeline take each order from collection through production to shipping.

Technologies

Next.js
React
Three.js
GSAP
Lenis
TanStack Query
Tailwind CSS
TypeScript
Radix UI
Node.js
Express
Prisma ORM
MySQL
JWT Auth
Stripe
Socket.IO
Firebase
Nodemailer
node-cron

What we did

Visit Website
  • Built a 3D jersey builder with live styling and shareable design links.
  • Created time-limited team stores with player or coach-paid checkout.
  • Integrated Stripe checkout with webhooks, CSV orders and coach invoices.
  • Built a factory pipeline for art uploads, stages and shipment tracking.
  • Added a factory payments ledger with debits, receipts and balances.
  • Added reprint tracking that links remakes to the original order, fault and cost.
  • Generated order PDFs, Excel cut sheets and rosters for factories.
  • Built dashboards for revenue, profit, P&L and factory lead time.
  • Added real-time admin–customer chat and email alerts via Socket.IO.
100PercentCustom: Product selection, team stores and mobile designer
100PercentCustom: 3D jersey builder on tablet and mobile
100PercentCustom: 3D jersey builder with colors and patterns panel

Results

  • One platform for design, ordering, production and shipping.
  • Shareable 3D designs let teams approve kits before production.
  • Team stores put every player's order on one schedule.
  • Factories get art files, cut sheets and rosters automatically.
  • Live chat and dashboards give admins real-time order visibility.