Features

Everything you need to sell custom kits online

Pro Kit Designer is the complete toolkit — from real-time 3D customization to automated print-ready file generation. Available on WordPress and Shopify.

Book a Demo
View Pricing

Design Experience

A customizer your customers will love

Give customers the confidence to order — because they've already seen exactly what they'll get.

Real-Time 3D Preview

Every change updates instantly on a photorealistic 3D model. No page refresh, no delays.

Logo & Image Upload

Customers upload their club crest, sponsor logo, or any image and see it placed directly on the garment in 3D.

Custom Text & Numbering

Full font library, adjustable sizes, colour picker, and precise panel placement for names, numbers, and sponsor text.

Pattern & Colour Fills

Pre-set colour combinations, pattern overlays, and zone-by-zone colour control — all configurable by you as the seller.

.kd-3d-viewer {
position: relative;
width: 100%;
}
/* Hide sidebar, overlays, popups, modals, and dialogs */
.um-sidebar-main,
.um-custom-header,
.left-sidebar-menu,
#zoom-controls,
#saved-designs-overlay,
#save-design-overlay,
#info-popup-for-user,
#quotePopup,
.modal-quote,
#kdCustomMenuPopup,
.ui-dialog,
.ui-widget-overlay,
.kd-popup,
.modal,
#kd-loading-screen,
#dialogs {
display: none !important;
}
/* Keep factory containers rendered off-screen (DO NOT use display:none) */
#texture-factory-container,
#svg-pattern-library-container {
position: absolute !important;
top: -9999px !important;
left: -9999px !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
}
.um-main-area {
grid-template-columns: 1fr !important;
}
/* Fixed 3D canvas viewport height to prevent infinite height expansion */
#viewport-container {
height: 520px !important;
max-height: 520px !important;
min-height: 520px !important;
width: 100% !important;
position: relative !important;
overflow: hidden !important;
border-radius: 16px;
}
#viewport-container canvas {
height: 100% !important;
max-height: 100% !important;
width: 100% !important;
display: block !important;
}
@media (max-width: 768px) {
#viewport-container {
height: 380px !important;
max-height: 380px !important;
min-height: 380px !important;
}
}
@media (max-width: 480px) {
#viewport-container {
height: 300px !important;
max-height: 300px !important;
min-height: 300px !important;
}
}
/* Interactive Color Swatches Bar */
.hero__3d-controls-overlay {
display: flex;
align-items: center;
justify-content: center;
margin-top: 16px;
}
.hero__3d-color-bar {
display: flex;
align-items: center;
gap: 12px;
background: var(–color-dark);
backdrop-filter: blur(12px);
padding: 8px 18px;
border-radius: 30px;
border: 1px solid rgba(255, 255, 255, 0.12);
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);
}
.hero__3d-color-title {
font-size: 12px;
font-weight: 600;
color: #94a3b8;
letter-spacing: 0.5px;
text-transform: uppercase;
display: flex;
align-items: center;
gap: 6px;
}
.hero__3d-swatches {
display: flex;
gap: 8px;
}
.hero__3d-swatch {
width: 24px;
height: 24px;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.25);
cursor: pointer;
transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
padding: 0;
outline: none;
}
.hero__3d-swatch:hover,
.hero__3d-swatch.active {
transform: scale(1.25);
border-color: #ffffff;
box-shadow: 0 0 12px rgba(99, 102, 241, 0.6);
}

Back

1/4 zip Polo Full Sleeves

0







<!– –>

Kit Designer 3D

Create your own Custom apparels.

1/4 zip Polo Full Sleeves

Click where you want to add text or an image.

Loading 3D Design..





×

Request a Quote






Thank You for Your Submission!

Thank you for reaching out! Your quotation request has been submitted successfully. We have received your details and will get back to you shortly.
If you have any further questions, feel free to contact us.

Saving Data please wait..











My Saved Designs

No saved designs yet. Use “Save Design” to save your current work.

Save Design




Customize Icon Colors



×

@keyframes kdPopupFadeIn {
from { opacity: 0; transform: scale(0.95); }
to { opacity: 1; transform: scale(1); }
}
#kdCustomMenuPopup.active {
display: flex !important;
}


Colors






Order Management

From design to production — automatically

Stop spending hours proofing designs and reformatting files. Pro Kit Designer handles it.

Print-Ready PDF Export

Automatically generate scaled, production-ready PDF files for every garment in every size — no manual reformatting.

Bulk Team Orders

Upload a spreadsheet of player names, sizes, and numbers. The system generates individual print files for the whole squad.

Instant Quote Requests

Customers submit their design with one click. You receive a structured email with the design file attached.

Save & Share

Designs are saved and shareable. Customers send a link to teammates for approval before submitting the final order.

From design to production — automatically
Platform Integration

Built for WordPress & Shopify

Pro Kit Designer is a plugin, not a third-party platform. Everything stays on your site.

WordPress Plugin

Install like any other WordPress plugin. No external accounts, no redirects, no third-party branding.

Shopify App

Native Shopify integration — embed the 3D customizer directly into your product pages with no coding required.

Full Admin Control

Manage products, 3D models, colour palettes, and design templates from your familiar admin dashboard.

Your Data, Your Server

All designs, customer data, and files live on your own store. You own everything — no vendor lock-in.

Built for WordPress & Shopify

Also Included

More than just software

Pro Kit Designer comes with services that make your business run smoother.

24/7 Support

Real humans available around the clock via email and chat — included in every plan.

Design Services

Our team creates your 3D models, kit templates, and brand assets — so you launch faster.

Affordable 3D Models

Need a new sport or product? We create high-quality 3D models at the lowest rates in the market.

Free Future Updates

All improvements and new features roll out to your plan automatically at no extra cost.

Simple Pricing

See every feature in action

Book a personalised demo and we'll walk you through every feature relevant to your products.


Book a Free Demo

Try the Live Demo